原因:
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>