即使我已禁用所有相关的CSS,我的网站上的链接下的蓝线?

Bra*_*ldt 10 html css google-chrome hyperlink text-decorations

点击此处查看问题

我尝试过禁用文字装饰,轮廓,边框以及我能想到的其他一切.使用检查工具我找不到任何会导致这些蓝线的东西.

此问题不会影响Firefox.

带有蓝色下划线的文本是span锚标记的内部.

Pav*_*hev 19

您似乎遇到此问题:http: //www.google.com/support/forum/p/Chrome/thread?tid = 44100701f93d5951&hl = zh-CN

当您按F12并检查受影响的元素时,您应该注意到:

a:-webkit-any-link{
...
text-decoration: underline;
}
Run Code Online (Sandbox Code Playgroud)

所以可能添加这样的样式表:

a:-webkit-any-link{
text-decoration:none !important;
}
Run Code Online (Sandbox Code Playgroud)

更新:我重现了它和上面的样式表,添加到你的main.css文件工作.不需要两个":",这可能是一个错字.

无论如何,它解决了我的电脑上的问题,尝试将其添加到您的main.css,它应该工作.谢谢!

  • a:-webkit-any-link是chrome,显示应用于此链接的默认样式,因此OP只需要放置'a {text-decoration:none; 在他们的样式表中覆盖默认样式,真的应该避免使用!important覆盖 (8认同)
  • 虽然这种方法起作用的真正原因是你为"a"定义了几个规则,其中一些规则错过了颜色属性.因此浏览器设置默认颜色设置.这就是为什么它显示为:-webkit-any-link.在你的CSS中寻找破碎的锚规则. (2认同)

Log*_*aul 5

Chirs Felstead解决方案使用您共享的第一个链接解决您的问题.(http://imgur.com/81MLR)

删除此处的蓝色下划线(http://akoostix.titanlabs.ca/?service=customers#home_page_news_section)

在下面的行中引入文本修饰

#front_page_services #service_operators {
  text-decoration: none;
}
Run Code Online (Sandbox Code Playgroud)

在线号 51上front-page-services.css