删除标准箭头从选择下拉在Opera（在其他浏览器中的箭头是固定的） [英] remove standard arrow from select dropdown in Opera (arrow in other browsers was fixed)

问题描述

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

I'm trying to hide the standard arrow from the select dropdown list.

我已为所有浏览器解决问题，感谢 stackoverflow.com ，但仍然无法移除或隐藏Opera（我目前的版本是Opera 12.16）。

I've resolved it for all browsers, thanks to stackoverflow.com, but still can't remove or hide it for the Opera (my current version is Opera 12.16).

需要纯CSS解决方案。 >

Pure css solution is needed.

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;}
}

推荐答案

确定，我没有找到解决方案。但是，我做的是应用样式 background-image：none; 仅适用于Opera ，因此只有一个标准箭头显示在Opera中。

OK, I didn't find the solution. However, what I did is I applied the style background-image:none; for Opera only so only one standard arrow is displayed in Opera.

这篇关于删除标准箭头从选择下拉在Opera（在其他浏览器中的箭头是固定的）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！