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

时间:2014-01-27 08:17:51

标签: html css html-select opera css-shapes

我正在尝试隐藏选择下拉列表中的标准箭头。

我已经为所有浏览器解决了这个问题,感谢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;}
}

1 个答案:

答案 0 :(得分:0)

好的,我找不到解决方案。但是,我所做的是应用了样式background-image:none; for Opera only,因此Opera中只显示了一个标准箭头。