Focus Box im Firefox entfernen

Web und Design Add comments

Kurzer Beitrag: Wen das Fokus-Rechteck im FireFox stört (die kleinen punktierten Linien beim Fokusieren eines Links), kann damit sie per CSS verschwinden lassen:
*:focus
{
-moz-outline: none !important;
}

Update: leider ist diese Eigenschaft nicht valide. Wer also 100% validen CSS-Code haben möchte (vorausgesetzt, dass alles andere valid ist), muss entweder mit den Focus-Boxen leben, oder andere Wege suchen. Und hier posten :)

Danke an webshop2null für den Tipp! So gehts auch:
a:hover, a:focus
{
outline:none;
}

Und ganz unauffällig kommt etwas Werbung..

6 Responses to “Focus Box im Firefox entfernen”

  1. Tom Says:

    Herzlichen Dank für diese Tipp, wirklich sehr nützlich und sieht auch gleich viel besser aus :-)

  2. webshop2null Says:

    wenn ich das richtig sehe meinst du die outline bei a:hover etc, das geht auch einfacher es reicht ein a:hover, a:focus
    {outline:none}
    kann man auch global für alle a`S im stylesheet deklarieren, dazu braucht es keine important Anweisung.

  3. Twols Says:

    Danke, webshop2null! Super Tipp. Ist bestimmt auch valid. Irgendwie habe ich gar nicht daran gedacht :)

  4. webshop2null Says:

    @TWOLS

    logo ist das valide :-)
    generell gibt es für jedes element eine valide lösung via css, die important anweisungen sollte man wirklich nur im absoluten notfall verwenden. Jedoch hat man noch die möglichkeit die bei der von dir genannten lösung den css code via conditional comment in den headbereich des documents auszulagern , dann stört das auch keinen validator wobei die lösung der link declarierung einfach einfacher ist :-)

  5. Twols Says:

    Also “important” ist kein Problem. Sondern “-moz-outline:”. Important ist übrigens eine sehr nützliche Sache.

  6. webshop2null Says:

    natürlich ist “important” eine sehr nützliche sache aber wenn eine regel keine auswirkung auf die ausgabe hat obwohl die syntax korrekt sind kommen viele css einsteiger sowie auch erfahrene meistens nicht drauf das irgendwo eine anweisung via “important” höherwertig declariert wurde und dann fangen die probleme an, deshalb mein hinweis auf einen eher spärlichen einsatz dieser css anweisung ;-)

Leave a Reply

WP Theme & Icons by N.Design Studio
Internetservice Köln
Entries RSS Comments RSS Anmelden