Как добавить сфотографированный набор в Bootstrap-5 Focus-Ring? ⇐ CSS

[Anonymous]

Я хочу добавить небольшое смещение в фокус-кольцо для лучшей доступности (повышенная видимость фокусировки вокруг кнопки с пробелом между кнопкой и контуром). У меня есть файл SCSS для модификаций начальной загрузки, но я не уверен, как добавить смещение в любое время, когда используется фокус-кольцо. Или есть лучший способ создать белое пространство, которое я собираюсь в начальной загрузке? Использует и добавляет контур с смещением. Есть ли более элегантный способ сделать это, кроме как переопределить начальную загрузку!

Код: Выделить всё

*:focus-visible {
box-shadow: none !important;
outline: 3px solid black !important;
outline-offset: 2px !important;

}

Подробнее здесь: https://stackoverflow.com/questions/795 ... focus-ring