【问题标题】:CSS styling works in Mozilla, but not in ChromeCSS 样式在 Mozilla 中有效,但在 Chrome 中无效
【发布时间】:2013-10-22 03:35:13
【问题描述】:

我有一个问题,因为我为我的网站制作了一个自定义样式表,但它在 Chrome 中不起作用。链接是蓝色的,访问过的页面是洋红色的,并且链接在悬停时带有下划线。无效的代码:

a:link,
a:visited {
    color:black;

}

a {
  text-decoration: none;
}

a:active,
a.active {
    text-decoration:none;

}

a:hover,
a:focus {
  text-decoration: none;
  color:#575757;
}

我试图弄清楚发生了什么,但 Chrome 似乎没有看到这些属性。它会覆盖它们:

a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}

我的样式表在 Mozilla 上运行良好,所以我认为问题出在 Chrome 而不是我的样式表。我应该怎么做才能在 Chrome 中正确显示网站?

【问题讨论】:

  • 它对我来说很好用。 jsfiddle.net/SLaks/jNLVZ你在控制台看到了什么?
  • 你的样式表中有a:-webkit-any-link吗?
  • @putvande 没有。好像是浏览器在加载页面时添加的。
  • -webkit-any-link 不是有效的伪类 AFAIK
  • @SLaks 我在控制台中看到的文本应该是这样的。

标签: css google-chrome cross-browser stylesheet


【解决方案1】:

奇迹发生了,该网站现在即使在 Chrome 中也能正常运行。我不知道为什么,因为我没有更改任何内容,但我怀疑 Chrome 正在从存储的 CACHE 加载 CSS,这就是它显示网站错误的原因。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-08-07
    • 1970-01-01
    • 2011-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-09
    相关资源
    最近更新 更多