我有一个博客,但大多数文字似乎都会自动加下划线。我试图找到文本装饰:下划线,但我似乎无法找到它。这是我的博客
www.latestforpc.com
这是导致下划线的行,但我在style.css
中找不到它a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
答案 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;}
如果您只是想摆脱下划线