← Все примеры

Spotify: чёткая рамка фокуса клавиатуры

Добавляет чёткую зелёную рамку вокруг элемента в фокусе, упрощая навигацию с клавиатуры.

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

/* Add a clear focus ring for keyboard navigation */
a:focus-visible, button:focus-visible,
div[data-testid="tracklist-row"]:focus-visible,
[role="row"]:focus-within {
  outline: 2px solid #1ed760 !important;
  outline-offset: -2px !important;
}

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

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