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

Question

我之前在这里看过这个问题我可以隐藏HTML5数字输入的旋转框吗？,有些人已经询问了浏览器的具体请求,在我的情况下我想知道的是:有没有办法创建一个css类,.no-spin以隐藏浏览器中的旋转箭头？

我试过了:

.no-spin {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

但是没有运气,事实上我对css的了解并不多.

Answer 1

回答

.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"/>