118

我发现如果a页面中有一个链接没有链接到新页面，那么当用户点击它时，元素周围会有一条虚线，只有当用户点击页面中的其他任何东西时它才会消失，如何删除这个？

例子：

在此处输入图像描述

注意元素周围的虚线Section 2。

4

8 回答 8

203

用于outline:none锚定标签类

于 2012-11-02T12:17:35.563 回答
56

就像@Lo Juego 说的，阅读文章

a, a:active, a:focus {
   outline: none;
}
于 2012-11-02T12:26:26.990 回答
12 
a {
    outline: 0;
  }

但在更改之前阅读此内容：

去除虚线轮廓

于 2012-11-02T12:20:03.240 回答
8

尝试使用!importantin css。

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!
于 2015-11-10T04:40:02.137 回答
7

删除所有虚线轮廓，包括bootstrap主题中的轮廓。

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

注意：您应该在主 css 之前添加引导 css 的链接 href，因此引导程序不会覆盖您的样式。

于 2015-07-15T19:31:46.427 回答
3

删除outline会损害网站的可访问性。因此我只是将其留在那里但使其不可见。

a {
   outline: transparent;
}
于 2018-09-27T16:44:16.023 回答
1

就我而言，它是一个按钮，显然，对于按钮，这只是 Firefox 中的一个问题。解决方案在这里找到：

button::-moz-focus-inner {
  border: 0;
}
于 2019-07-26T17:17:12.957 回答
0

它的简单尝试下面的代码 -

a{
outline: medium none !important;
}

如果开心干杯！再会

于 2016-02-28T18:56:18.180 回答