如何删除mozilla firefox中的下拉箭头

Question

如何删除FireFox通常显示的下拉箭头？我已经上传了我正在使用的图片：

我正在使用这个css：

@-moz-document url-prefix(){
  .class select { width: 110%; }
}

.class > select {
    -moz-appearance: none !important;
    text-indent: 0.01px !important;
    text-overflow: "" !important;
}

请帮我解决这个问题。

Answer 1

这种方式是不可能的。最好的方法是伪造它并创建自己的自定义<select>。

看看我创建的这个小提琴http://jsfiddle.net/JayKandari/FWLRw/5/

Answer 2

这个技巧在2014-06-10发布的Firefox 30中停止了工作。 您可以upvote the bug on Bugzilla获得最终解决方案。

选项1： 仅通过url-prefix媒体查询删除Firefox上的自定义样式，例如：

    @-moz-document url-prefix() {
       select {
       background-image: none;
    }

选项2：

这是solution