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