隐藏/删除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目前不支持设置阴影DOM的样式，因此您不能。