文章内容
2023/8/28 21:15:34,作 者: 黄兵
如何移除 input type="number" 时浏览器自带的上下箭头？
最近在使用 input 数字输入的时候，总是会出现一个上下箭头，截图如下：
如果这个不明显，可以看这个：
具体代码如下：
<input id="quantity" type="number" class="qty border-0" name="quantity" max="10" step="1" pattern="[0-9]*" value="1" size="4" min="1">
如果要去掉 input type="number" 上的上下箭头，可以使用如下 css 样式：
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}这样问题就解决了。
参考资料：
评论列表