Twitter Bootstrap Button Aktiven Zustand

Bin ich fast ausschließlich mit <a> - tags mit der Klasse "btn" für die Tasten, die in meiner web-app.

Das problem ist, dass die Benutzer beim verwenden der <tab> drücken, um zu navigieren Formular-Felder, es gibt keinen Weg, um zu identifizieren, wenn eine von diesen "Tasten" hat den Fokus, die frustrierend ist, Sie.

Ich habe versucht, das hinzufügen dieser auf die CSS:

ein.btn:active{background-color:red;}

Aber dass doesn ' T wirklich tun, was ich will; und nur die änderungen der Hintergrundfarbe während die Schaltfläche geklickt wird. Es hat keinen Einfluss auf die Schaltfläche wird angezeigt, wenn die Schaltfläche den Fokus erhält, über die <tab> - Taste.

Ich habe auch versucht mit :konzentrieren, anstatt :aktiv, aber das hat auch nicht wirklich funktioniert.

Kennt jemand einen Weg, ich könnte Global zu ändern, das in meiner app?

  • Was sind die Ergebnisse bei der Verwendung von :active und :focus? Wir konnten sehen, ein Beispiel?
  • Warum verwenden nicht Sie die tag-Taste?
  • Ich bin mir nicht sicher, wie Ihr code aussieht, aber :focus ist die CSS-Eigenschaft, die Sie suchen
  • Standardmäßig BS zu tun Stil der :focus Zustand (bootstrap.css:2978): .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
InformationsquelleAutor David Vincent Gagne | 2012-08-31
  1. 5

    :focus ist der Weg zu gehen. Vielleicht Twitter bootstrap überschreiben Ihre :focus Stile.

    http://jsfiddle.net/4aVuK/2/

    Vielleicht versuchen hinzu zu fügen !wichtig in deinem css.

    a.btn:focus{background-color:red !important;}
    • !important ist dein Freund mit Twitter Bootstrap.
    InformationsquelleAutor Slavenko Miljic
Schreibe einen Kommentar