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.

Verwandte Artikel

13 Reaktionen

  1. Mapf on März 19th, 2009

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

    hier, zack durchgelesen fertig!

    super! so solls sein danke danke!!

  2. denhartenchris on April 3rd, 2009

    Bitteschön :)

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

  3. Schnorfl on April 30th, 2009

    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 on Juli 17th, 2009

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

  5. Manu on August 3rd, 2009

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

  6. denhartenchris on August 4th, 2009

    @Manu

    Guter Hinweis, hab das Semicolon hinzugefügt.

  7. nik on August 23rd, 2009

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

  8. arcteryx on September 17th, 2009

    das semikolon darf bei einzelnen Anweisungen weggelassen werden..

  9. Steffy on Dezember 19th, 2009

    Nach ewiger Suche endlich der rettende Tipp! Dankeschön

  10. Torsten on Januar 16th, 2010

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

  11. JustMatt on Januar 17th, 2010

    Knackig kurz geschrieben und funktioniert – Danke!!!

  12. Hanns-Christian Kiehm on März 28th, 2010

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

  13. Lennart Blom on Mai 2nd, 2010

    DANKE, so etwas habe ich schon immer gesucht.

Schreib einen Kommentar