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

Question

我想隐藏/删除所有主要桌面浏览器中显示的 input[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 网络浏览器？

score 1 · Accepted Answer

该术语-webkit定义它将适用于使用 webkit 引擎的浏览器。Opera 使用自己的引擎 Presto 已经有一段时间了，最近开始使用 Chromium 引擎。

为了使 CSS 在 Opera 中兼容，您需要改为使用 CSS -o。

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

编辑

在 Opera 社区上进一步搜索时，这个特定的线程似乎完全相同，并引用了那里的回复：

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