Snippets Collections
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 Sep 08 2021 14:47:57 GMT+0000 (UTC) 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