Wybrany element pojawi się z ramką zaznaczoną na chromie i safari

Question

Nie wiem, czy można to naprawić, ale zrobiłem tę stronę, a kiedy moi użytkownicy klikną na niektóre elementy div, wybrany element div ma żółtą ramkę w kolorze chromu i podobne obramowanie w safari. Możesz zobaczyć żółtą ramkę tutaj . Czy można to wyłączyć?

Answer 1

warto dodać to w CSS:

*:focus { 
    outline: none; 
} 

To powinno pozbyć się podświetleniem ostrości na całej stronie.

Answer 2

Wiem, że to jest stare, ale dla odniesienia dla innych jest to, że div staje się do wyboru w Chrome po dodaniu właściwości tabIndex. zastosowano lewę, aby tabIndex był ujemny dla elementów, których nie można było umieścić w kartach, ale nawet wtedy pokazano pokazany prostokąt.