如何使輸入數字欄位箭頭在 Chrome 中可見？

自訂輸入「數字」欄位箭頭

在此程式設計問題中，使用者的目標是顯示HTML 輸入欄位的向上和向下箭頭具有“數字”資料類型。他們嘗試利用 CSS 來實現此目的，但沒有成功。

解

要顯示箭頭，建議改用 opacity 屬性：

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

   opacity: 1;

}</code>

這個方法可以讓箭頭永久可見。然而，必須承認解決方案可能主要在 Chrome 中有效。為了更全面的跨瀏覽器相容性，建議針對不同瀏覽器實作回退機制。

以上是如何使輸入數字欄位箭頭在 Chrome 中可見？的詳細內容。更多資訊請關注PHP中文網其他相關文章！