【问题标题】:CSS background color ignoredCSS背景颜色被忽略
【发布时间】: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脚本。

标签: css stylish


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2023-03-26
    • 2011-08-16
    • 2015-02-20
    • 2021-03-01
    • 1970-01-01
    • 2021-12-08
    • 2021-12-30
    • 1970-01-01
    • 2014-07-08
    相关资源
    最近更新 更多