如何删除CSS下划线?

时间:2014-08-24 16:27:51

标签: css wordpress blogs

我有一个博客,但大多数文字似乎都会自动加下划线。我试图找到文本装饰:下划线,但我似乎无法找到它。这是我的博客

www.latestforpc.com

这是导致下划线的行,但我在style.css

中找不到它
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}

5 个答案:

答案 0 :(得分:4)

如果您inspect浏览器中的链接与您一样,您可以找到该样式,并且还会显示声明样式的CSS文件。

在这种情况下,它说'User agent stylesheet'。这实际上意味着它是浏览器中的默认样式(内置于用户代理中的样式表)。这就是为什么你找不到它。

现在,要解决此问题,您可以向style.css添加一个规则,以取代此默认样式:

a {
  text-decoration: none;
}

那应该够了。 css文件中的样式优先于浏览器的默认值。

答案 1 :(得分:4)

Web浏览器旨在向页面元素添加默认样式,即使页面的样式表中没有明确指出样式。要更改此默认行为,您必须将此代码添加到style.css: a { text-decoration: none; } 这将覆盖链接的浏览器默认样式,在这种情况下,请删除下划线。

答案 2 :(得分:2)

只需在CSS底部添加以下内容即可;

a {
    text-decoration: none;
}

如果您希望链接在将鼠标悬停在其上时显示带下划线,请同时添加;

a:hover {
    text-decoration: underline;
}

完成!

答案 3 :(得分:2)

您的网站上看起来有多个样式表,因此该样式可以位于任何样式表中。您可以尝试在master css文件中添加以下内容以覆盖其他样式表:

a { text-decoration: none !important;}

答案 4 :(得分:2)

有很多"浏览器样式表"在浏览器中,例如chrome中的用户代理样式表。它们非常好,但有时我们需要摆脱它们。所以我们使用" reset.css"

或者你只能添加

* {text-decoration:none;}

如果您只是想摆脱下划线