如何隱藏數字輸入框中的箭頭
學習如何使用 CSS 從數字輸入框中刪除箭頭/微調框。
請嘗試將鼠標懸停在兩個數字輸入框上以查看差異:
隱藏的箭頭:
默認:
功能說明:當您在數字輸入框內滾動滾輪時,仍然可以增加數字。
隱藏箭頭
/* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; }
相關頁面
教程:HTML 表單