0

我正在尝试为 www.livejournal.com 上的所有页面制作时尚的用户样式。我想设置文本样式并选择具有特定背景颜色的类型输入框,但是即使设置了背景色,也​​没有在所有输入框上设置 bg 颜色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;.

我还将我的样式代码放入小提琴中,并将 www.livejournal.com 的整个源代码粘贴到 html 字段中。在这种情况下,正确应用了 bg 颜色。但是,如果我仅使用该代码块尝试我的用户样式(以确保之后不会覆盖它),并实际访问该站点,它不会被应用。

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

4

1 回答 1

1

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

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

于 2011-11-03T15:37:33.377 回答