删除Firefox中的默认选择框箭头

Question

我必须删除firefox中的默认选择框箭头我使用下面的代码

-webkit-appearance: none;
-moz-appearance:none; 
background: rgba(0,0,0,0);

它在铬方面做得很好.但它不适用于Firefox.

Answer 1

更新:这是在Firefox v35中修复的.有关详细信息,请参阅完整要点.

刚想出如何从Firefox中删除选择箭头.诀窍是使用的混合-prefix-appearance,text-indent和text-overflow.它是纯CSS,不需要额外的标记.

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

在Windows 8,Ubuntu和Mac上测试,最新版本的Firefox.

实例:http://jsfiddle.net/joaocunha/RUEbp/1/

有关该主题的更多信息:https://gist.github.com/joaocunha/6273016