我在
Can I hide the HTML5 number input’s spin box?之前看过这个问题,其他一些人已经问了一个特定的浏览器请求,在我的情况下我想知道的是：有没有办法创建一个类似.no-spin的css类在浏览器中隐藏旋转箭头？
我试过了：
.no-spin {
-webkit-appearance: none;
margin: 0;
-moz-appearance:textfield;
}
但是没有运气,事实上我对css的了解并不多.
解决方法
回答
.no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
-moz-appearance:textfield !important;
}
<input type="number" class="no-spin"/>
