@@css-newbie:
nuqneH
Wie kann ich mit CSS dies verhindern?
Die erste Frage ist: _ob_ man dies verhindern sollte.
D.h. machen, dass die Maus-Interaktion / der Mausklick nicht das ganze Element "auswählt" im Sinne von einen Rahmen ersichtlich wird (bzw. die Elementgrösse ersichtlich wird).
Das sollte man nicht tun. Bei der Navigation per Tastatur ist es notwendig, dass der Nutzer erkennt, welches Element gerade den Fokus hat.
Wenn einem der Rahmen nicht gefällt, kann man dies auch andereitig kenntlich machen. Wenn man dies bspw. per Textfarbe oder Hintergrundfarbe tut, muss man aber auf ausreichenden Kontrast achten – sowohl zwischen Text und Hintergrund als auch zwischen hervorgehoben und nicht hervorgehoben. Und auch bedenken, dass nicht alle Nutzer Farben unterscheiden können.
Wenn man eine andere Art der Hervorhebung gefunden hat, dann kann man den Rahmen entfernen, nicht vorher.
Die Pseudoklasse dafür ist :focus (ggfs. auch :hover), die betreffende Eigenschaft ist outline.
Qapla'
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)