使用css类隐藏HTML5输入类型编号箭头？

我在 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"/>