Как схема фокуса по умолчанию реализована в браузерах?
Я говорю о сплошной или пунктирной границе, которая показана вокруг элемента, который в данный момент имеет фокус.
Я подумал, что это просто контур CSS, примененный браузером, например
:focus {
outline: black dotted 1px;
}
Но я заметил, что, если я попытаюсь настроить контур фокуса с помощью CSS, его внешний вид изменится, но в некоторых случаях поведение также изменится.
Пожалуйста, посмотрите мойвопрос относительно схемы фокуса для ссылок с элементами div внутри:
Пользовательский план фокуса для ссылок с элементами div
(Короче, если у вас есть ссылка со сложным контентом ипримените свой собственный контур фокуса, все становится странно)
Очевидно, что браузеры не только применяют простой CSS выше для контура фокуса.Они должны сделать что-то большее, чтобы заставить работать по умолчанию так же хорошо, как и вне зависимости от того, к какому элементу он применяется.
Кто-нибудь знает, как он работает?
Могу ли я сделать что-то, чтобы мои собственные контуры фокуса работали так же, как и стандартные?