恼人的蓝色点击后突出显示div

Question

当我点击选项卡按钮后,我在这个令人讨厌的蓝色高亮显示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

Answer 1

将其添加到您的css文件中!

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

更新: 每次都要使用它来避免这些问题.

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

Answer 2

使用这个类：

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

Answer 3

这似乎是大纲.它是可访问性的默认浏览器功能.您可以使用outline属性更改样式.

像这样的东西例如:

.class {
    outline:none;
}

一些资源:

• https://developer.mozilla.org/en-US/docs/Web/CSS/outline
• http://css-tricks.com/almanac/properties/o/outline/
• http://www.w3.org/TR/CSS21/ui.html

演示:

按Tab键,当您选中链接时,您将看到轮廓.

http://jsfiddle.net/gzmnbfem/

大纲删除演示:

按选项卡,您将看不到轮廓.然而,这不是推荐的方法,因为它打破了可访问性.

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