在Firefox中下拉箭头img

Question

我试图更改下拉列表中的默认箭头。

在css中添加此内容，

background-image:url("downArrow.jpg") no-repeat scroll right center transparent;

但是下拉列表的默认箭头在firefox中没有得到替换，但在chrome中它正确显示。

如何在firefox中修复此问题。提前谢谢。

Answer 1

<SELECT>元素不是由HTML呈现的，它们由浏览器/操作系统呈现，并且它们的样式非常有限。你无法取代箭头。您所能做的就是在其上放置一个元素，并使用脚本触发点击，就像它是真实下拉列表的一部分一样。