Reagiere den Fokus bei Klick nicht

Question

Ich habe eine Reihe von Registerkarten auf meiner Seite, die beim Anklicken die aktive Registerkarte auf den Wert der angeklickten Registerkarte setzen. Das funktioniert gut, aber ich habe einen sauren Geschmack in meinem Mund, wenn ich auf den neuen aktiven Tab schaue, der eine große blaue Fokus-Box hat. Gibt es eine Reaktion, um dies zu verhindern?

Würde ein onMouseDown = {this.someMethod} mit einem preventDefault() in der Methode stecken bleiben?

Answer 1

Die Logik stimmt, aber das Design macht Ihnen Probleme? In diesem Fall sollte einige CSS es richtig machen.

Wenn Sie eine navbar die CSS haben sollte wie folgt sein:

.navbar-inverse .navbar-brand:focus { 
    background-color : red; //Just add the properties you want here 
} 

Wenn Sie nur der rechten Maustaste und überprüfen Sie das Element der Browser sollten Sie genau erzählen, was CSS behandelt den Fokus auf die Registerkarte.

Answer 2

Stellt sich heraus, das ist ein repost von this, ich habe nur an der falschen Stelle gefragt.