Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Old approach: hide ALL focus rings (bad for accessibility) */ button:focus { outline: none; } /* New approach: hide for mouse, show for keyboard */ button:focus { outline: none; } button:focus-visible { outline: 3px solid #007bff; outline-offset: 3px; }
Result
Open