点击后 div 周围出现烦人的蓝色高亮显示

Question

点击后 div 周围出现烦人的蓝色高亮显示

10

enter image description here

当我点击标签按钮时，div周围会出现令人讨厌的蓝色高亮...我在其他论坛上看到应该为存在此问题的div添加以下内容，但并没有起作用。

            .noSelect {
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -o-user-select: none;
                user-select: none;
            }

您可以在这里看到更详细的信息：http://omarhabash.com/nova/?page_id=28

- Omar

1

请勿链接到可能更改的外部资源。这会破坏对其他人问题的价值。请参阅：http://meta.stackoverflow.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it - Diodeus - James MacFarlane

3

@Diodeus 嗯，在这种情况下，他包含了一张图片和一些代码，然后为了额外的参考，他添加了链接。因此，这比仅包含链接要好得多。 - Dan

3个回答

8

使用这个类：

.noSelect {
    -webkit-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    -o-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
}

- quas

3

请解释你的答案。 - Mike

3

谢谢您提供这段代码片段，它可能会提供一些有限的即时帮助。通过展示为什么这是一个好的解决方案，适当的解释将极大地增加其长期价值，并使其对未来具有其他类似问题的读者更有用。请编辑您的答案以添加一些解释，包括您所做出的假设。 - Blue

7

那似乎是轮廓线。这是浏览器默认的无障碍功能。您可以使用outline属性更改样式。

例如，像这样：

.class {
    outline:none;
}

一些资源：

演示：

按下tab键，当您在链接上时，您将看到轮廓。

http://jsfiddle.net/gzmnbfem/

已删除轮廓演示：

按下tab键，您将看不到轮廓。然而，这不是推荐的方法，因为它会破坏可访问性。

http://jsfiddle.net/gzmnbfem/1/

- khollenbeck

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- YOU · Accepted Answer

把这段代码添加到你的CSS文件中！

.btn-group-justified > .btn-group .btn {
    width: 100%;
    outline: none;
}

更新：每次都使用这个方法以避免此类问题。

*:focus {
outline: 0;
outline: none;
}