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

Question

当我点击选项卡按钮时，我在这个令人讨厌的蓝色高亮显示左侧...我已经在其他论坛中读到我应该将这些问题添加到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

这似乎是大纲。它是可访问性的默认浏览器功能。您可以使用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/

大纲删除演示：

按Tab键，您将看不到任何轮廓。然而，这不是推荐的方法，因为它打破了可访问性。

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

Answer 3

使用此类：

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