【发布时间】:2011-11-03 13:23:20
【问题描述】:
我正在尝试为 www.livejournal.com 上的所有页面制作时尚的用户样式。我想为文本设置样式并选择具有特定背景颜色的类型输入框,但是即使 color 确实设置了,也没有在所有输入框上设置 bg 颜色。有些框仍然是白色的。
当我用 Firebug 检查它们时,它说计算出的 CSS 的背景颜色是我指定的颜色(不是白色!)。
我使用的代码是
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 的问题。
【问题讨论】:
-
您能提供任何 HTML 吗?或者给个网址?或者您可以更新this fiddle 尝试重现错误。
-
认为我们需要在这里查看一些示例代码,伙计。
-
你在哪些浏览器中检查过这个?
-
快速测试表明,这些样式更改在随机 LJ 页面上对我有用。问题可能是 JS,或 iframe,或者只是 Firefox 阻塞。 (1) 卸载 LJ 的所有 Stylish 脚本。 (2)关闭FF,确保所有FF进程都关闭。 (3) 运行Ccleaner.exe。 (4) 重启FF,试试style脚本。