覆盖firefox forms.css

Question

我在设置html <select>元素时遇到了问题。

在解决之后，我发现firefox总是在每个页面加载时用forms.css覆盖css的问题。

我的问题是如何在我的页面中覆盖firefox默认css？

Answer 1

forms.css，我假设这是你的样式表。

我也猜测这有一些非常具体的风格比select {}

更具体

使用firebug来确定正在应用的样式以及它们的来源，至少会显示您的样式是否被覆盖。

Answer 2

尝试为元素定义伪类，如

select.my_select1 { font-size: 8px; }

然后使用

将伪类应用于元素

<select class="my_select1">

查看我现在正在构建的Web应用程序，它在所有当前主流浏览器中都能完美显示，我为每个表单元素分配了伪类，没有任何问题。

我希望这有助于你

Answer 3

我最近有一个类似的问题。我选择了一个自定义样式，但选项：checked是从Firefox Forms.css获取无法覆盖的样式。

我的同事发现了两种解决方案：

1. -webkit-text-fill-color：myColor; //选择

2. select：focus：-moz-focusring {color：myColor;} //选中