Nachdem ich auf eine der Schaltflächen geklickt habe und zur Hauptseite zurückgekehrt bin, ist die Schaltfläche, auf die ich geklickt habe, mit einem quadratischen blauen Rahmen eingefasst. Wie kann ich diesen Rahmen entfernen, so dass nach dem Klicken auf den Kreis kein Quadrat mehr vorhanden ist?
Sie können einfach Umriss-Stil hinzufügen: keine auf den Fokus in Ihrem CSS wie folgt:
%Vor%Hier ist ein Beispiel .
Der Stil, den Sie auf diese Objekte anwenden möchten, ist:
%Vor%Wenn Sie ALLES entfernen möchten, können Sie dies tun:
%Vor%Zum Beispiel:
%Vor%Für IE9-Unterstützung sollten Sie das folgende Metatag einschließen.
%Vor% * HINWEIS: Wenn Sie den Stil auf ein Basisobjekt anwenden, müssen Sie ihn nicht auf die Aktionen anwenden. Wenn Sie es also mit button anwenden, bedeutet dies, dass Sie es nicht auf button:focus , button:active usw. anwenden müssen.
Die obere linke / rechte / untere / etc wurde entfernt und für alle 4 Ecken durch einen einzelnen Stil ersetzt. Außerdem wurden kompatible Zeilen für die browserübergreifende Unterstützung hinzugefügt (aka webkit, moz). Aktionsereignisse erben automatisch die Hauptklasse (sofern nicht überschrieben, wie Sie mit background:#F00; sehen)
Lesen Sie auch diese & gt; & gt; Warum sollten Sie den gepunkteten Umriss nicht entfernen und wie, wenn Sie wirklich müssen
Die Gliederung dient der Barrierefreiheit.
Verwenden Sie outline: none , so.
Hier ist eine Demo