只是想去掉这些箭头，在某些情况下很方便。
我想保留浏览器对纯数字内容的感知。因此将其更改为input[type="text"] 是不可接受的解决方案。
既然 Opera 是基于 webkit 的，这个问题是重复的：Can I hide the HTML5 number input’s spin box?
【问题讨论】：
标签： css html forms input opera
我一直在使用一些简单的 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
【讨论】：
<input type="tel" /> 在很多情况下都能很好地工作
type="tel" 实际上是错误的，即使您可以完成工作。 input 元素的 type 属性有不同的值。 you can find them here. 使用正确的方法而不是简单的技巧总是更好。
这些箭头是Shadow DOM 的一部分，它们基本上是您页面上的 DOM 元素，对您隐藏。如果您不熟悉这个想法，请阅读 can be found here 的良好介绍性内容。
在大多数情况下，Shadow DOM 可以节省我们的时间并且很好。但是有些情况，比如这个问题，你想修改它。
您现在可以在 Webkit 中修改这些 with the right selectors，但这仍处于开发的早期阶段。 Shadow DOM 本身还没有统一的选择器，因此 webkit 选择器是专有的（这不仅仅是附加 -webkit 的问题，就像在其他情况下一样）。
因此，Opera 似乎还没有开始添加它。但是，查找有关 Opera Shadow DOM 修改的资源很困难。我发现一些unreliable internet sources 都说或建议 Opera 目前不支持 Shadow DOM 操作。
我花了一些时间浏览 Opera 网站，看看是否有人提到它，并试图在 Dragonfly 中找到它们……搜索都没有运气。由于在这个问题上的沉默，以及 Shadow DOM + Shadow DOM 操作的发展性质，似乎可以肯定的结论是，至少目前您无法在 Opera 中执行此操作。
【讨论】：
没有办法。
这个问题基本上是Is there a way to hide the new HTML5 spinbox controls shown in Google Chrome & Opera? 的重复，但可能不是完全重复，因为给出了动机。
如果目的是“浏览器意识到内容是纯数字的”，那么您需要考虑这意味着什么。在某些情况下，箭头或微调器是使数字输入更舒适的一部分。另一部分是检查内容是否为有效数字，在支持 HTML5 输入增强的浏览器上，您可以使用 pattern 属性来做到这一点。该属性还可能影响第三个输入功能，即可能出现的虚拟键盘的类型。
例如，如果输入应该恰好是五位数字（例如在某些国家/地区可能是邮政号码），那么<input type="text" pattern="[0-9]{5}"> 可能就足够了。它的处理方式当然取决于实现。
【讨论】：