在Opera中隐藏/删除输入数字箭头

Question

我想隐藏/删除所有主要桌面浏览器中显示的输入[type = number]向上和向下箭头。

以下CSS适用于Firefox Mozilla，Safari和Chrome，我相信Internet Explorer，但不适用于Opera。

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

我如何将此效果应用于Opera网络浏览器？

Answer 1

术语-webkit定义它适用于使用webkit引擎的浏览器。 Opera已经使用自己的引擎Presto很长一段时间，并且最近开始使用铬引擎。

要使CSS在Opera中兼容，您需要使用-o代替。

input::-o-outer-spin-button,
input::-o-inner-spin-button {
    -o-appearance: none;
    margin: 0;
}

---

修改

在进一步搜索Opera社区时，this particular thread似乎完全相同，引用了那里的回复：

  

Opera目前不支持为shadow DOM设置样式，所以你   不能。