無論遊標位置為何，如何在數位輸入欄位中顯示向上/向下箭頭？

在輸入數字欄位中顯示始終可見的向上/向下箭頭

問：是否可以在「」中始終顯示用於調整的箭頭按鈕

答：是的，您可以在Chrome 中使用CSS 來實現此目的。

HTML:

<input type="number" />

CSS:

<code class="css">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: "always show up/down arrows";
}</code>

但是，需要注意的是，此方法不適用於其他瀏覽器。作為替代方案，您可以使用不透明度屬性：

<code class="css">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}</code>

此方法應該在 Chrome 中起作用，但考慮回退機制以確保與各種瀏覽器的兼容性至關重要。

以上是無論遊標位置為何，如何在數位輸入欄位中顯示向上/向下箭頭？的詳細內容。更多資訊請關注PHP中文網其他相關文章！