html - 从 Opera 中的选择下拉列表中删除标准箭头(其他浏览器中的箭头已修复)

Question

我试图从选择下拉列表中隐藏标准箭头。

感谢stackoverflow.com，我已经为所有浏览器解决了这个问题, 但仍然无法为 Opera 删除或隐藏它(我当前的版本是 Opera 12.16)。

需要纯 css 解决方案。

select {
    background: url(/path/to/the/arrow.png) no-repeat center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
/*IE*/
select::-ms-expand {
    display: none;
}
/*FF*/
@-moz-document url-prefix() {
    select {padding-right:5px;}
}

Answer 1

好的，我没有找到解决方案。但是，我所做的是应用样式 background-image:none; for Opera only所以在 Opera 中只显示一个标准箭头。