Ganz einfach den gepunkteten Rahmen entfernen der auftaucht wenn man Links anklickt.
1 2 3 4 5 6 7 8 9 10 11 12 | /** HIDING FOCUSRING */ a:active, a { outline: none; } :focus { -moz-outline-style: none; } :-moz-any-link:focus { outline: none; } |
Statistik: read: 3972 / today: 4 / last: 08.02.2012
‹ CSS Font Kurzschreibweise //
Lorem ipsum ›
5 Kommetare • Eintrag schreiben
Jared →
#1 Permalink Am 19. May 2009 um 20:39 Uhr
Als Designer find ich den Codeschnippsel super und würde ihn auch gerne einsetzen, aber für die Barrierefreiheit im Netz ist das nicht unbedingt der korrekte Weg.
Schließlich hat das W3C nicht umsonst einen Border für aktive Links vorgesehen… oder was meint ihr?
David Hellmann →
#2 Permalink Am 19. May 2009 um 20:44 Uhr
Wir sind doch Designer, Design vor Funktion, hahaha :) (hoffentlich liest das keiner) :)
Andi Keßler →
#3 Permalink Am 20. May 2009 um 11:50 Uhr
Bin mir nicht sicher, ob ihr damit auch den Internet-Explorer erschlagen bekommt.
Für diesen Fall hab ich noch das hier für euch!
function BlurLinks(){ lnks=document.getElementsByTagName('a'); for(i=0;i<lnks.length;i++){ lnks[i].onfocus=new Function("this.blur()"); } } onload=BlurLinks;Das Teil kommt übrigens in den Head-Bereich
Monika →
#4 Permalink Am 23. May 2009 um 17:09 Uhr
ich entfern dies absolut ungernst ;) Leute, die keine Maus nutzen sehen dann nicht,dass sie bereits *klicken* könnten, die irritiert das sehr
und wenn ich mit dem Laptop unterwegs bin habe ich auch keine Maus, da muss ich nicht mal ein Mensch mit einem Handicap sein
lg
David Hellmann →
#5 Permalink Am 23. May 2009 um 17:36 Uhr
Ich denke aber wenn eine Webseite gut gemacht ist dann ist ersichtlich was klickbar ist und was nicht.