Snippets Collections
.next-image-button:focus {
  outline: none;
}
.next-image-button:focus-visible {
  outline: 3px solid currentColor; /* That'll show 'em */
}
button:focus { /* Some exciting button focus styles */ }
button:focus:not(:focus-visible) {
  /* Undo all the above focused button styles
     if the button has focus but the browser wouldn't normally
     show default focus styles */
}
button:focus-visible { /* Some even *more* exciting button focus styles */ }
star

Wed Jan 05 2022 09:32:59 GMT+0000 (Coordinated Universal Time) https://dev.to/bharathvajganesan/focus-vs-focus-within-vs-focus-visible-14e4

#css #a11y
star

Wed Sep 08 2021 14:47:57 GMT+0000 (Coordinated Universal Time) https://css-tricks.com/keyboard-only-focus-styles/

#css #a11y #form #button

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension