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

【问题标题】：Hide/Remove input number arrows in Opera在 Opera 中隐藏/删除输入数字箭头
【发布时间】：2013-06-20 02:12:16
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

为了使 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 的样式，所以你不能。

【讨论】：