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

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

我正在使用这个css：

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

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

---

请帮我解决这个问题。

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

---

看看我制作的这把小提琴

这个把戏从2014年6月10日Firefox 30 Realease开始就停止了。 你可以找到一个明确的解决办法

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

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

选项2:

---

这是一个

-可能的副本？或者你也可以阅读此页上的注释：我使用过此代码，但它不起作用。以前有一个常用的代码，它工作得很好，直到它从Mozilla 30.0起一夜之间停止工作，从那以后，我一直被此代码所困扰。