denhartenweg


CSS-Trick: Gepunkteten Rahmen um Links entfernen

Dieser kleine Tipp hilft dir, den lästigen, gepunkteten Rahmen um Links zu entfernen.

Sicher ist dir der gepunktete Rahmen bereist aufgefallen. Er erscheint genau in dem Moment des Mausklicks und bleibt bei gedrückter Maus so lange sichtbar, bis die Seite gewechselt hat.

Den Effekt kann man bei den Browsern Firefox sowie InternetExplorer beobachten. Mit einem kleinen CSS-Trick kann man diesen Rahmen abschalten:

CSS-Code

a:active, a:focus {outline: none;}

Du musst den CSS-Beispielcode eventuell an deine eigenen Klassen und ID’s anpassen. Er sollte dem störenden Treiben jedenfalls ein Ende bereiten. Aber denke auch daran, das Benutzer die mit Hilfe der Tabulatortaste durch deine Seite browsen, einen anderen optischen Hinweis brauchen, das ein Link im Fokus steht.

18 Kommentare

Jetzt kommentieren
  1. Mapf

    Danke!!!
    ueberall in foren labbern die von onblur() etc

    hier, zack durchgelesen fertig!

    super! so solls sein danke danke!!

  2. denhartenchris

    Bitteschön :)

    Ich freu mich auch immer über kurze, knackige Tipps. In Foren wird leider oft geschwafelt.

  3. Schnorfl

    Genauso sehe ich’s auch.

    Bei jeder Frage heisst es erst mal “Bitte nenne uns erst mal deine aktuelle Systemkonfiguration”, “Konkretisiere deine Frage” etc.

    Stuss von Leuten, die stolz darauf sind, wenn sie ihr 1000 Posting im Forum erreichen, egal ob sie dem Fragesteller tatsächlich helfen oder nicht.
    Danke für den Tipp!

  4. Andy

    SUPER Tip!!
    Danach hatte ich gesucht und ihn hier gefunden.

  5. Manu

    Super! Semicolon nach “none” nicht vergessen dann ist alles paletti!

  6. denhartenchris

    @Manu

    Guter Hinweis, hab das Semicolon hinzugefügt.

  7. nik

    Naja, Forenfrage sind im Allgemeinen auch etwas komplexer. Åüßte nicht, was man jetzt darüber schwafeln sollte.

  8. arcteryx

    das semikolon darf bei einzelnen Anweisungen weggelassen werden..

  9. Steffy

    Nach ewiger Suche endlich der rettende Tipp! Dankeschön

  10. Torsten

    Toll, da muss man ja Programierer sein, für !!!!!!

  11. JustMatt

    Knackig kurz geschrieben und funktioniert – Danke!!!

  12. Hanns-Christian Kiehm

    Das ist alles richtig und auch schöner (und jetzt das aber) aber nicht in Richtung Barrierefreiheit.

  13. Lennart Blom

    DANKE, so etwas habe ich schon immer gesucht.

  14. Hans Otto

    DANKE !!!!!

  15. Sascha

    Toller Tip, auch wenn es nicht barrierefrei ist und ich es unter anderem auch deswegen nicht einsetze. Leider weiß ich nicht genau wie ein Gelähmter den Computer bedient. Da gibt es aber glaub ich einen Mausersatz den er mit dem Mund steuert. Also währe das mit dem nicht vorhandenem focus auch kein Problem.

  16. Quabbe

    Vielen vielen Dank! Plagte mich schon seit zwei Tagen mit den störenden Punkten rum. :)

  17. Ernstl

    Dass man solche lästigen “Features” erst wegcodieren muss nervt schon manchmal ganz gewaltig. Danke für den Tip, das funkt!

  18. doemsle

    gegoogelt, integriert, funktioniert!
    So sollte es doch immer sein ;-)
    Vielen Dank

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

*