a {outline:none;}

    Hallo,

    ich erstelle gerade eine Webseite in CSS und prüfe sie immer in Firefox und im IE. Damit die gepunkelten Linien um einen Link verschwinden, gibt es diesen Befehl: a {outline:none;}

    Damit verschwinden die Punkte sehr gut, aber in Firefox bildet sich eine vertikale Linie vor dem Link, wenn ich das anklicke. Weiß jemand, woran das liegt?

    Bisher hatte ich das so gelöst: a href="#" onFocus="javascript:this.blur();"

    Doch Javascript will ich nicht mehr benutzen.

    Zitat von Electrohunter

    Hallo,

    ich erstelle gerade eine Webseite in CSS und prüfe sie immer in Firefox und im IE. Damit die gepunkelten Linien um einen Link verschwinden, gibt es diesen Befehl: a {outline:none;}

    Damit verschwinden die Punkte sehr gut, aber in Firefox bildet sich eine vertikale Linie vor dem Link, wenn ich das anklicke. Weiß jemand, woran das liegt?


    Moin,
    eine gute lösung ist das allerdings nicht, da man Links dann nicht mit TAB anspringen kann. (Barrierefreiheit Ade!)
    Aber wenn du es so möchtest... dann zeig doch mal einen Link oder Screenshot wo man die vertikale Linie sehen kann.


    Zitat von Electrohunter


    Bisher hatte ich das so gelöst: a href="#" onFocus="javascript:this.blur();"

    Doch Javascript will ich nicht mehr benutzen.


    Eine weise Entscheidung :!: