<分区>
只是想删除这些箭头,在某些情况下很方便。
不过,我想保留浏览器对纯数字内容的认识。因此,将其更改为 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,它似乎删除了它们并且工作正常。
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
关于css - 如何从 Opera 中的输入[类型 ="number"] 中删除箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13107118/