Question

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

当我用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颜色。但是，如果我只使用该代码块尝试我的用户模式（以确保之后没有任何内容覆盖它），并且实际访问该网站，则不会应用它。

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

Answer 1

你的选择器可能不适合标签。我会把它写成输入[type =“text”]，没有asterix。请参阅http://reference.sitepoint.com/css/css3attributeselectors。

其次，我不确定你是否需要在！important声明之前有空格。可能值得添加一个来检查和查看。 Sitepoint上的语法参考没有指定它。

CSS背景颜色被忽略

1 个答案: