在輸入數字欄位中顯示始終可見的向上/向下箭頭
問:是否可以在「」中始終顯示用於調整的箭頭按鈕
答:是的,您可以在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中文網其他相關文章!