只是想移除这些箭头,在某些情况下很方便.
然而,我想保持浏览器对内容纯粹是数字的意识.因此,将其改为input[type="text"]
不是一个可接受的解决方案.
既然Opera是基于Webkit的,那么这个问题的答案是:Can I hide the HTML5 number input’s spin box?
只是想移除这些箭头,在某些情况下很方便.
然而,我想保持浏览器对内容纯粹是数字的意识.因此,将其改为input[type="text"]
不是一个可接受的解决方案.
既然Opera是基于Webkit的,那么这个问题的答案是:Can I hide the HTML5 number input’s spin box?
我一直在使用一些简单的CSS,它似乎go 掉了它们,并且工作得很好.
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
<input type="number" step="0.01"/>
This tutorial from CSS Tricks explains in detail & also shows how to style them个