文章/答案/技术大牛

发布

社区首页 >问答首页 >如何删除链接上的下划线？

问如何删除链接上的下划线？
EN

Stack Overflow用户

提问于 2011-11-18 16:25:40

回答 3查看 378关注 0票数 3

我有一个奇怪的问题，在每个问题中，我要么是图片，要么是文字，出现在......下面

我已经像这样给了css外部事件内部

a:hover {
    text-decoration: none; 
}
a:link {
    text-decoration: none;  
}
a:visited {
    text-decoration: none; 
}
a:active {
    text-decoration: none; 
}

该问题出现在safari10、Mozilla8和google chrome中

提前感谢你的帮助，如果之前有人问过这个问题，我真的很抱歉。

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-11-18 16:29:26

试试这个：

a:link {
    text-decoration: none;  
}
a:visited {
    text-decoration: none; 
}
a:hover {
    text-decoration: none; 
}
a:active {
    text-decoration: none; 
}

我认为它们需要按这个顺序排列。

请阅读评论。这是原问题的正确答案。

票数 4

Stack Overflow用户

发布于 2011-11-18 16:27:40

你试过这个吗？

a {
    text-decoration: none; 
}

票数 11

Stack Overflow用户

发布于 2011-11-18 16:33:30

您可以使用CSS属性text-decoration轻松删除下划线，只需针对链接的不同状态将其设置为none即可。

示例：

<html>
    <head>
        <style type="text/css">
            a:link {text-decoration: none;}    /* unvisited link */
            a:visited {text-decoration: none;} /* visited link */
            a:hover {text-decoration: none;}   /* mouse over link */
            a:active {text-decoration: none;}  /* selected link */
        </style>
    </head>
    <body>
        <a href="https://www.google.com" target="_blank">Link without underline</a>
    </body>
</html>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8179604

复制

相似问题

问如何删除链接上的下划线？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除链接上的下划线？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除链接上的下划线？
EN