原因:
input數字類型輸入框在谷歌、火狐、safari瀏覽器中默認會顯示上下箭頭,雖然它有些時候很方便我們操作,但大多數時候用戶是用不到的,或者在一些情況下,我們的輸入框會很小,這個時候我們需要將箭頭隱藏掉,以便提供更多的空間來支持輸入。
方法:
<style>
/* google、safari */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
/* 火狐 */
input[type="number"]{
-moz-appearance: textfield;
}
</style>
<body>
<input type="number" name="aa" id="aa">
</body>