← All examples

Spotify: clear keyboard focus ring

Adds a clear green ring around the focused element, making keyboard navigation easier.

Code to copy

/* 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;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.