忽略 CSS 背景色

Question

我正在尝试为 www.livejournal.com 上的所有页面制作时尚的用户样式。我想为文本设置样式并选择具有特定背景颜色的类型输入框，但背景颜色并未在所有输入框上设置，即使 color 已设置。一些框保持白色。

当我用 Firebug 检查它们时，它说计算的 CSS 的 bg 颜色是我指定的颜色(不是白色!)。

我使用的代码是

input[type*=text], select { 
-moz-border-radius: 0px!important; border-radius: 0px!important;
border-color: #626363!important; border-color: rgba(255,255,255,0.06)!important; 
color: #aaa!important; background: #3A4756!important; 
font: 11px lucida grande, segoe ui, calibri, arial, sans-serif!important; }
#SearchText { background: #3A4756!important; }

#SearchText 是一个特定问题元素的 ID。 color: #aaa!important; 应用于忽略 bg 颜色的所有这些元素，而且大多数其他输入框的样式都正确。

为什么会发生这种情况，是否有任何解决方法？

更新:我尝试将选择器更改为 input[type="text"]，并尝试在 !important; 之前放置一个空格。

我还将样式代码放入 fiddle将 www.livejournal.com 的完整源代码粘贴到 html 字段中。在这种情况下，bg 颜色被正确应用。但是，如果我仅使用该代码块尝试我的 userstyle(以确保之后没有任何东西覆盖它)，并且实际访问该站点，则它不会被应用。

更新:遵循 Brock 的建议，FF 没有任何变化 :( 但是，问题输入框确实在 Chrome 中设置了样式，所以显然这是 FF 的问题。

Answer 1

您的选择器可能不太适合标签。我会把它写成 input[type="text"]，没有星号。参见 http://reference.sitepoint.com/css/css3attributeselectors .

其次，我不确定您是否需要在 !important 声明之前留一个空格。可能值得添加一个来检查和查看。 Sitepoint 上的语法引用没有具体说明。