如何在 Mozilla Firefox 中删除下拉箭头答案

【问题标题】：How to remove the drop down arrow in mozilla firefox如何在 Mozilla Firefox 中删除下拉箭头
【发布时间】：2014-09-02 19:31:35
【问题描述】：

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

我正在使用这个 css：

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

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

请帮我解决这个问题。

【问题讨论】：

stackoverflow.com/questions/5912791/… - 可能重复？
或者您也可以阅读此页面上的 cmets：gist.github.com/joaocunha/6273016
我用过这个stackoverflow.com/questions/5912791/… 代码，但它不起作用。
曾经有一个常用的fix，从Mozilla 30.0开始一直运行良好，直到一夜之间停止工作，从那以后我就被这个困住了。

标签： html css firefox

【解决方案1】：

这个技巧在 2014 年 6 月 10 日发布的 Firefox 30 中停止工作。您可以upvote the bug on Bugzilla 进行最终修复。

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

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

选项 2：

这是solution

【讨论】：

【解决方案2】：

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

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

【讨论】：