focus-visible for safari code example
Example: focus visible in safari
/* Hide focus styles if they're not needed, for example,
when an element receives focus via the mouse. */
:focus:not(:focus-visible) {
outline: 0;
}
/* Show focus styles on keyboard focus. */
:focus-visible {
outline: 3px solid blue;
}