Элемент не потеряет фокус

Question

Сравните это - http://bootswatch.com/2/cerulean/ и это - http://bootswatch.com/cerulean/ (третий загрузочный лоток), когда вы в третьей версии нажмите «Загрузить» в верхней части страницы и сразу, затем щелкните по ней еще раз и переместите указатель в сторону от это - все в порядке, но если вы пытаетесь сделать то же самое во 2-й версии - вы увидите focus границу на элементе и темном фоне, я решил, добавив

.navbar .nav>li>a:focus { 
background-color: rgba(0,0,0,0); 
} 

.navbar .nav>li>a:focus:hover { 
background-color: #1684c2; 
} 

.dropdown-toggle { 
outline: none !important; } 

но я предполагаю, что это не лучшее решение или может быть не crossbrowser - это мой вопрос. !

Answer 1

Установка важный тег на элемент, обычно не считается наилучшей практики, но если вы используете реализовать свойство контура на вашем элементе, который должен работать в:

: с фокусом {контур: 0px никто ;}