2011-11-03 168 views
0

我试图为www.livejournal.com上的所有页面制作一个时尚的用户样式。我想对文本进行样式设置,并选择具有特定背景颜色的类型输入框,但即使设置了color,但并未在所有输入框中设置bg颜色。有些箱子保持白色。忽略CSS背景颜色

当我用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颜色正确应用。但是,如果我尝试仅使用该代码块的用户样式(以确保事后没有覆盖该代码块),并且实际访问该网站,则无法应用该代码块。

更新:其次布洛克的建议没有FF :(然而,问题的输入框确实会在Chrome风格的任何变化,所以显然这是FF一个问题

+0

你能提供任何HTML?或者给一个网址是什么?或者,也许你可以更新[这个小提琴](http://jsfiddle.net/AQktH/)试图重现错误。 – scumah

+0

认为我们需要在这里看到一些示例代码。 – Alex

+0

你在什么浏览器中检查过? – Yisela

回答

1

有可能你的选择是不完全正确第二,我不确定你是否需要在!重要声明之前有一个空格,可能是这个输入[type =“text”],不是asterix,见http://reference.sitepoint.com/css/css3attributeselectors。值得添加一个检查和查看关于Sitepoint语法的参考没有指定它