Keyboard-Only Focus Styles

PHOTO EMBED

Wed Sep 08 2021 14:47:57 GMT+0000 (Coordinated Universal Time)

Saved by @Sebhart #css #a11y #form #button

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

https://css-tricks.com/keyboard-only-focus-styles/