2

我有一个链接的图像。当我单击它时，它会将我发送到某个地方，然后如果我单击返回以返回该页面，则该图像自身周围有一个 1 像素的蓝色虚线边框。此外，如果我单击它并按住该边框将变为红色。这看起来真的很糟糕，我找不到删除该边框的方法。我试过了

a:visited {text-decoration: none}
a:active {text-decoration: none}

与：

a:visited img{text-decoration: none}
a:active img{text-decoration: none}

没有效果。顺便说一句，这个边框不会出现在 chrome 中。

这是我对该图像的css代码：

#back_to_photos{
float:right;
position: relative;
margin-top:-238px;
margin-right: 40px;

}
a:visited {text-decoration: none}
a:active {text-decoration: none}

谢谢！

4

4 回答 4

2

也许您的规则顺序有问题（不知道这些是您的示例中提到的唯一样式）。您可以尝试使用!important来“强制执行” ：

a {text-decoration: none !important;}

希望它有所帮助。

于 2012-02-19T13:33:53.387 回答
2

您的问题的解决方案是：

a:link, a:link:hover { text-decoration: none }

希望能帮助到你。

更多信息：squarefree.com/styles

于 2014-08-14T20:22:14.540 回答
1

这篇文章描述了如何做到这一点。也就是说，放入outline: 0;你的a:visitedCSS 应该可以解决问题。

text-decoration只处理下划线和删除线之类的东西。您遇到的问题outline是围绕单击/聚焦的链接来告诉用户他们正在悬停的内容。

请注意，如果您删除大纲，如果用户使用键盘导航您的页面，则用户所在的位置将不明显。

于 2012-02-19T13:29:12.583 回答
0

你想用outline: none.

但要小心，隐藏大纲可能会导致可用性问题，尤其是对于那些使用键盘导航的用户。

于 2012-02-19T13:29:43.960 回答