← Все примеры

Заметная рамка фокуса

Принудительно показывает яркую оранжевую рамку у элементов в фокусе — для навигации с клавиатуры.

Код для копирования

:focus, :focus-visible {
    outline: 3px solid #ff8c00 !important;
    outline-offset: 2px !important;
    border-radius: 2px !important;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.