Me gustaría eliminar el contorno de las etiquetas HTML enfocables solo cuando el foco se activa mediante un evento de click . Esto significa que me gustaría mantener el esquema para las pestañas.
¿Alguien sabe una práctica o biblioteca que podría usar aquí?
De lo contrario, mi idea es adjuntar un event listener a la window que escucha los eventos de click y anula el esquema de estilo de destino en el foco en el componente de estilo global.
¿Es esa una solución viable?
(usando reaccionar)
No necesita una biblioteca o JavaScript para hacer esto. CSS lo tiene cubierto. Use elfocus-visible para ayudarlo.
*:focus-visible { outline: 3px dashed rebeccapurple; outline-offset: 3px; } <button>Click me to see no focus but tab to me and you will see my focus</button> <br> <button>Click me to see no focus but tab to me and you will see my focus</button>