Rahmen bei angeklickten Hyperlinks entfernen

[TGB]

Hi,
wenn man auf einen Hyperlink klickt, erzeugt der Browser einen gepunkteten Rahmen um den Hyperlink. Kann das per CSS hinkriegen, dass dieser Rahmen nicht erscheint? Habe es mal mit a:active probiert aber das klappt nicht.
Gruß...

[planepix]

Hallo TGB,

das zeigt der Firefox so an, richtig?

Ergänze in den CSS-Definitionen:

a,a:link,a:visited{outline:none;}

[TGB]

Wow, Blitzantwort!
Ja, der Firefox aber der IE auch. Aber Dank deines Tipps isser jetzt wech. Vielen Dank!!
Frohe Weihnachten!!

[stefan-at-work]

der gepunktete Rahmen hat schon seinen Sinn, denn Benutzer die mit Hilfe der Tabulatortaste durch Deine Seite browsen, benötigen einen optischen Hinweis, das ein Link im Fokus steht.

Wenn du es unbedingt weghaben möchtest, kannst Du dies mit
a:active, a:focus {outline: none;} bewerkstelligen.

[TGB]

Vielen Dank!
Und wie geht das, wenn ich ein Bild als Link verwende?
Gruß
TGB

[planepix]

Hallo TGB,

dann sollte das klappen:

* img{outline:none;}

ggf noch:

* img a,* img a:link,* img a:visited{outline:none;}

Mit * gilt dies für alle Bilder; ansonsten den entsprechenden Selektor anstatt des * davor setzen.

[TGB]

Hmmm, das klappt jetzt nicht...
habe geschrieben:

#grabberdemo img a,#grabberdemo img a:link,#grabberdemo img a:visited{outline:none;}

[planepix]

Ok, dann war das falsch

Gibt es einen Link (gerne auch per PN)?

[TGB]

OK, statt img .image_container nehmen, dann geht es...

[planepix]

Ok, dann war nur der Selektor noch nicht der richtige

[Baerserk]

:focus { outline:none; }