Html 在Firefox中更改按钮外观

Html 在Firefox中更改按钮外观,html,css,firefox,drop-down-menu,Html,Css,Firefox,Drop Down Menu,所以我的HTML中有一个标准的下拉菜单。我也有背景颜色,我有一个背景图像,我想作为一个按钮使用 但有一个问题,因为我无法让默认按钮在Firefox中消失。即使我可以使用-Webkit-appearance:none使按钮在Webkit中消失;我无法让它在Firefox中消失 下面是一个例子: 如果可能的话,我不想再回到一个风格混乱的列表。谢谢 你到底想做什么?我不太清楚你到底想做什么 如果要使其消失,则可以使用“{display:none}” 如果有的话,也可以使用“-moz外观”属性。这里我来

所以我的HTML中有一个标准的下拉菜单。我也有背景颜色,我有一个背景图像,我想作为一个按钮使用

但有一个问题,因为我无法让默认按钮在Firefox中消失。即使我可以使用-Webkit-appearance:none使按钮在Webkit中消失;我无法让它在Firefox中消失

下面是一个例子:


如果可能的话,我不想再回到一个风格混乱的列表。谢谢

你到底想做什么?我不太清楚你到底想做什么

如果要使其消失,则可以使用“{display:none}”


如果有的话,也可以使用“-moz外观”属性。

这里我来回答我自己的问题。。。我只是用一个div包装了我的select标记,并使用了一个伪元素来覆盖按钮。有点黑,我不喜欢使用无意义的div,但我想它可以正常工作。然后我将伪元素的CSS设置为
指针事件:none以便允许单击图像


示例:

在IE中与Firefox中的外观相同。我正在尝试使标准UI按钮消失,以便用我自己的背景图像替换它<代码>-moz外观
,虽然应该可以工作,但由于Firefox中的一个bug,它不能工作。所以我想知道是否还有其他简单的方法。。。也许不是。如果可能,请使用jquery下拉菜单而不是“选择”