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.

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).

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

回答1:

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.

来源：https://stackoverflow.com/questions/21375881/remove-standard-arrow-from-select-dropdown-in-opera-arrow-in-other-browsers-was