Links ohne Outlines
a {
outline: 0;
}
Schlecht.
Wieso denn das? Man will doch den hässlichen Rahmen von allen Links entfernen, wieso ist das schlecht?
Die Webseite wird nicht mehr leicht zu bedienen sein. Wenn man z.B. aus verschiedenen Gründen nur mit der Tastatur steuern kann/muss (mit der [TAB] Taste kann von Links zu Links springen), kann man nicht gleich erkennen welcher Link gerade fokusiert ist, wenn der Rahmen nicht mehr da ist, denn der Rahmen gilt als Indikator. Deshalb: Den Rahmen nie wegmachen, so hässlich es auch ist!
Besser wird es, wenn man zusätzlich den Links die Pseudoklasse :focus zuweist.
a:focus {
color: #f00;
}
Dann verändert sich zusätzlich noch die Farbe beim Fokus. Da Internet Explorer die Pseudoklasse :focus nicht versteht, sondern nur :active, sollte man auch noch a:active definieren. Also:
a:focus, a:active {
color: #f00;
}
Tipp:
Wenn der Rahmen über die Grenze des Objektes hinausgeht (z.B. mit der Eigenschaft text-indent: -9999px;) kann man dem Objekt die Eigenschaft overflow: hidden; zuweisen, damit der Rahmen nur das Objekt einrahmt. Nicht mehr und nicht weniger 
.
Kommentar abgeben: