Question

嘿，我只是想知道是否可以禁用点击链接时获得的“突出显示”。我希望我的链接表现为图像。换句话说，我不希望点击时出现突出显示框。

Answer 1

可以使用CSS完成，方法是设置焦点上的outline链接：

a.image-link:focus { outline: 0; }

但您需要记住始终定义另一种风格（例如更改颜色或更改图像背景，以使用户知道它被点击）。否则，DON'T DO IT!。

使用键盘导航的人依赖此轮廓来了解他们关注的链接。

Answer 2

我假设您希望关闭浏览器点击链接时的大纲。那将是：

a { outline: none; }

Answer 3

您还需要管理-webkit-tap-highlight-color，并且需要提供替代样式，特别是对于使用Tab键导航并依赖某种突出显示以查看它们所在位置的用户。所以这给了......

<style>
a,a:hover,a:click, a:visited{
  border:none;
  outline:none;
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color: white;
}
</style>

Answer 4

<style>
a,a:hover,a:click, a:visited{
  border:none;
  outline:none;
  text-decoration:none;
  color:inherit;
}
</style>

禁用链接突出显示

4 个答案: