Cybaer: Linkrahmen mit CSS verstecken!?!

Beitrag lesen

Hi,

Mit JS kann ich ohne Probleme einen Linkrahmen beim Klick auf einen Link verhindern (<a href="ZIEL" onclick="this.blur()">TEXT</a>)

Eine schlechte Lösung, da es Scriptfehler produzieren kann und die Position bei Tastatursteuerung zurücksetzt.

Für eine korrekte Variante s. http://Coding.vampirehost.de/Systemvariable im dortigen Abschnitt über das Thema.

Gibt es dafür auch schon eine CSS Lösung???

Jein.

Offiziell mit style="outline:0;" (CSS 3 - wird nur noch von keinem Browser unterstützt), inoffiziell mit style="-moz-outline:0;" (wird von ein paar Browsern unterstützt).

Und dann gibt es noch das proprietäre MS-HTML-Attribut hidefocus.

Eine möglichst umfassende, aber JavaScript-lose Rahmenunterdrückung wäre demnach: <a href="#" style="-moz-outline:0; outline:0;" hidefocus>

Da Browser sowohl bei CSS als auch bei HTML unbekannte Elemente zu ignorieren haben, ist die gleichzeitige Verwendung kein Problem - nur die Validatoren meckern natürlich, was aber keine Rolle spielt ...

Gruß, Cybaer