如何隱藏數字輸入框的箭頭
瞭解如何使用 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 表單教程 瞭解更多關於 HTML 表單的資訊。
提示：請訪問我們的HTML input type="number" 參考，瞭解更多關於型別為"number"的輸入框。
