Gepunktete Ränder um Links sind eine Zugänglichkeitsfunktion, die die meisten Browser standardmäßig haben. Sie dient Benutzern, die Tastaturnavigation nutzen müssen oder wollen; es gibt einen visuellen Stil, der auf diese Links angewendet wird, wenn sie "angesteuert" werden. Diese Ränder erscheinen auch, wenn der Link angeklickt wird (in seinem "aktiven" Zustand) und können je nach Design ein Störfaktor sein (besonders bei der Verwendung von CSS-Bildersetzungen erstrecken sich die Ränder über die gesamte Bildschirmbreite). Sie können sie mit diesem entfernen.
a:active {
outline: none;
}HINWEIS: Der Vorteil hierbei ist, dass der :focus-Stil weiterhin die Outlines verwendet, was bedeutet, dass Tastaturnavigatoren immer noch das Fokus-Styling/visuelles Feedback erhalten.
Funktioniert nicht. Der Rand ist immer noch da.
Dann MACHST DU ES FALSCH
funktioniert gut!
Ich musste auch a:focus hinzufügen, um die gepunktete Umrandung zu entfernen.
Machen Sie einfach das..
a{
outline: medium none !important;
}
Versuchen Sie anzuwenden
a:focus {
outline: none;
}
Sie haben Recht, ihr Code funktioniert nicht. Damit es funktioniert, habe ich a:hover,a:active,a:link{outline: 0px none;} verwendet.
Bei mir funktionierte es in Firefox erst, als ich a:focus hinzufügte, dann verschwand die Umrandung.
Der endgültige Code lautete also
a:active,a:focus {
outline: none;
}
Danke, es funktioniert.
Danke GS… es funktioniert für mich, vielen Dank!!!
danke. es funktioniert
Das hat den Trick gemacht! Danke!
Graystatic hat Recht. a:focus wurde in Firefox benötigt, damit es funktioniert.
Aber würde das nicht das Feedback der Tastaturnavigatoren aufheben?
Bei mir dasselbe. Für Firefox muss es heißen
a:active, a:focus { outline: none; }
a:active, a:focus { outline: none; }
das funktioniert für mich danke
Ich mochte diese Art, den Rand zu entfernen, wirklich.
aber gleichzeitig, wenn der Benutzer die Seite mit TAB durchblättert, zeige statt des gepunkteten Randes die a:hover-Eigenschaft an.
habe herausgefunden, wie es geht.
Eigentlich wusste ich nicht, dass :focus verwendet wird, um Stile anzuwenden, wenn es den Tastaturfokus erhält.
Durch das Anwenden des gewünschten Stils auf :focus konnte ich dies tun.
Funktioniert gut, danke
Yup. Wenn Sie a:focus hinzufügen, funktioniert es in Firefox hervorragend!
Yup funktioniert perfekt
CSS Reset-Dokumente kümmern sich oft darum.
Es half, die lästige Umrandung (ich bezeichnete sie fälschlicherweise als 'Rand', bevor ich dieses Tutorial las), die Firefox um das HTML5-Video anzeigte, das ich auf meiner Website hatte, zu entfernen. Danke.
Keine dieser Empfehlungen funktionierte für das Tabbing auf meinen Button in Firefox. (Ich habe auch button:focus{outline:none;} ausprobiert). Nach viel Herumprobieren habe ich die folgende Empfehlung gefunden, die funktionierte!
button::-moz-focus-inner {
border: 0;
}
Wie immer wurde nach dem Unterschied zwischen
, und
. Vielen Dank für die Erklärung und den Tipp.
Das hier hat bei mir funktioniert
a:link {
outline: none;
}
Vielen Dank... dies hat ein großes Problem in meinem Projekt gelöst, da alle Bilder beim Klicken umrandet waren, aber mit dieser Eigenschaft jetzt gut funktionieren.....
Keine der obigen Optionen funktionierte für mich, bis ich Folgendes tat:
1) die Regel spezifischer machen (z. B. Stil a.toggle hinzufügen) und 2) :transparent verwenden.
a.toggle:active,a.toggle:focus {
outline:transparent;
}
Es funktioniert, danke
Es funktionierte nicht für mich, aber mit Folgendem funktionierte es
a:hover,
a:active {
outline: none;
}
Das hat auch für mich funktioniert. Vielen Dank!
Es funktionierte für mich. Vielen Dank für Ihre Hilfe.
a:active,a:focus {
outline: none;
}
Vielen Dank, spart viel Zeit, Mühe und Sucherei!
a:active, a:focus {
outline: none;
}
Ich möchte mich nur für all die CSS-Tricks bedanken!
Sie retten mich so oft! Vielen Dank! Wirklich!
einfach,
a{
outline: none
}
vollbringt die Magie.