Css 如何从Opera中的输入[type="；number"；]中删除箭头

只是想移除这些箭头，在某些情况下很方便

然而，我想保持浏览器对内容纯粹是数字的意识。因此，将其更改为

input[type=“text”]

不是一个可接受的解决方案

---

既然Opera是基于webkit的，那么这个问题就很无聊了：

没有办法

这个问题基本上是重复的，但可能不是完全重复的，因为动机是给定的

如果目的是“浏览器对内容的意识是纯数字的”，那么你需要考虑这意味着什么。在某些情况下，箭头或微调器是使数字输入更舒适的一部分。另一部分是检查内容是否为有效数字，在支持HTML5输入增强功能的浏览器上，您可以使用

模式

属性来执行此操作。该属性还可能影响第三个输入功能，即可能出现的虚拟键盘类型

---

例如，如果输入正好是五位数字（就像某些国家的邮政编码一样），那么

就足够了。当然，这取决于如何处理它的实现。

这些箭头是的一部分，基本上是页面上对您隐藏的DOM元素。如果你对这个想法还不熟悉，请阅读一篇好的介绍性文章

在大多数情况下，阴影DOM为我们节省了时间，而且很好。但有些情况下，比如这个问题，你想修改它

您现在可以在Webkit中修改这些，但这仍处于开发的早期阶段。shadowdom本身还没有统一的选择器，因此webkit选择器是专有的（与其他情况一样，这不仅仅是添加

-webkit

）

正因为如此，Opera似乎还没来得及加入这个。不过，要找到有关Opera Shadow DOM修改的资源是很困难的。我发现的一些人都说或建议Opera目前不支持阴影DOM操作

---

我花了一点时间浏览了Opera的网站，看看是否有人提到它，并试图在《蜻蜓》中找到它们……两次搜索都没有任何运气。由于对这个问题的沉默，以及Shadow DOM+Shadow DOM操作的发展性质，似乎可以得出一个安全的结论：至少目前，您无法在Opera中实现这一点。

我一直在使用一些简单的CSS，它似乎可以删除它们并正常工作

input[type=number]：-webkit内部旋转按钮，
输入[type=number]：-webkit外部旋转按钮{
-webkit外观：无；
-moz外观：无；
外观：无；
保证金：0；
}

---

我认为这是不可能的，因为标准只允许字符串比较。我知道这是一个老问题，但万一还没有回答，这个链接有用吗？现在你可以使用一天，你可以实现你试图保留的功能，也可以删除微调器…如果你想输入大的数字，如金额，微调器是完全无用的。同时，您可能需要它们的“最小”和“最大”属性。例如，你想投资多少？这将是一个数以千计的数额，但它可能有最低5000和最高20000。旋转，宝贝。@Puce你可以给旋转器添加任意的增量步骤。尤其是链接很重要！谢谢，因为不是每个人都使用基于WebKit的浏览器：不适用于firefox（V45.0）。@michael cordingley comment中的链接运行良好。

在许多情况下运行良好使用

type=“tel”

实际上是错误的，即使您可以完成工作。

输入

元素的

类型

属性有不同的值。使用正确的方法总比简单的黑客方法好。