即使我已禁用所有相关 CSS，我的网站上的链接下仍出现蓝线？

Question

我已尝试禁用文本装饰、轮廓、边框以及我能想到的所有其他内容。使用检查工具我找不到任何会导致这些蓝线的东西。

此问题不影响 Firefox。

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

Answer 1

你似乎有这个问题：
http://www.google.com/support /forum/p/Chrome/thread?tid=44100701f93d5951&hl=en

当您按 F12 并检查受影响的元素时，您应该注意到这一点：

a:-webkit-any-link{
...
text-decoration: underline;
}

所以也许添加一个像这样的样式表：

a:-webkit-any-link{
text-decoration:none !important;
}

更新：我复制了它，并将上面的样式表添加到您的 main.css 文件中。
不需要两个“：”，这可能是一个错字。

不管怎样，它解决了我电脑上的问题，尝试将其添加到你的 main.css 中，它应该可以工作。
谢谢！

Answer 2

Chirs Felstead 解决方案通过您分享的第一个链接解决您的问题。 (https://i.sstatic.net/ucwHn.jpg)

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

在第 1 行中向以下行引入文本装饰

#front_page_services #service_operators {
  text-decoration: none;
}

。 51 front-page-services.css

Answer 3

标准方法是：

a {
    text-decoration: none;
}

请详细解释一下锚点内部的跨度，因为这听起来是倒着的。应锚固在跨度内。

Answer 4

像这样定义样式：

#front_page_services a {
    text-decoration: none;
}

Answer 5

在锚元素上使用 text-decoration 属性，而不是 span。

<a id="service_managers" href="http://akoostix.titanlabs.ca/services/managers" style="
text-decoration: none">

在您的页面上测试并且有效。

Answer 6

在您的 global.css 中是条目

a:hover { 
    color: #4E76C9; 
    text-decoration: underline; /* Add this */ 
}