Das Problem ist schon im Trick zuvor aufgetaucht. Der Internet Explorer und auch Netscape 6 haben schon viele Designer mit einem feinem, punktierten Rahmen um jeden Hyperlink geärgert.
Dieser entsteht mit jedem Klick und bleibt solange erhalten, wie der Link aktiv ist.
Besonders hässlich wirkt der Rahmen, wenn er innerhalb einer Imagemap auftaucht. Eine Zeile JavaScript sorgt für Abhilfe.
Dies ist ein <a href="#" onFocus="if(this.blur)this.blur()">Test
Link</a>
Dies ist ein Test Link
Eine andere Variante, bei der Linkrahmen aber zumindest noch kurz auftaucht:
Dies ist ein <a href="seite.html" onClick="this.blur()">Link</a>
Leser Marek B. macht darauf aufmerksam, dass das beschriebene Verfahren die Navigation per TAB-Taste unmöglich macht. Das ist unter Umständen problematisch für Sehbehinderte und deren Spezialsoftware.
Noch eine Leserergänzung für den Firefox
Der „Ameisenrahmen“ lässt sich global abstellen unter:
about:config browser.display.focus_ring_width
dort den Wert auf 0 setzen. Siehe auch Firefox Wiki.
3 Antworten zu „Trickkiste – Weg mit dem Linkrahmen“
— was ist Deine Meinung?
Folgendes CSS löst das Problem eleganter und manipuliert dabei nicht das Focusverhalten:
a {
outline: none;
}
onFocus ist böse, onfocus ist erlaubt!
Habe eine Weile ganz gerne mit dem onFocus-Tag gearbeitet, bis ich sah, dass das W3C diesesn Befehl als nicht valide verteufelt.