input[type=number](數字類型)時,取消上下箭頭

原因:

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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章