По какой-то нечетной причине Angular не размывает элемент с щелчком, поэтому я "исправил" его так:
*:focus { outline: none !important; }
Это не реальное исправление, вместо этого каждый элемент должен быть размытым автоматически, но я не уверен, как это сделать без директивы, поэтому это нужно делать пока, если у кого-то нет лучшего решения.
Однако я не могу применить одно и то же "исправление" для пользовательских флажков Bootstrap.
<label class="c-input c-checkbox">
<input type="checkbox">
<span class="c-indicator"></span>
Remember Me
</label>
Вот как это выглядит, когда сосредоточено:
Я попытался удалить контур, границу, коробку-тень - ничего не работало.
Это не проблема, возникающая из ваших библиотек, а ваш пользовательский css. Вы должны что-то упускать, но этот код должен работать. Поместите его в конец вашего пользовательского файла css.
.c-input .c-indicator {
border: none !important;
outline: none !important
}
box-shadow: none !important;
казалось, это исправить, но не *:focus
, странно ..
.c-checkbox input:focus {outline: none !important}
не работает? Попробуйте воспроизвести проблему в jsfiddle, чтобы мы могли видеть, что происходит