Frage

Ich habe ein Bild, das ein Link ist. Wenn ich darauf klicke, sendet es mich irgendwo und dann, wenn ich zurückklicke, um auf diese Seite zurückzukehren, hat dieses Bild einen 1px gepunkteten blauen Rand um sich selbst. Wenn ich darauf klicke und den Grenze halte, wird rot. Das sieht wirklich schlecht aus und ich kann keinen Weg finden, diese Grenze zu löschen. Ich habe es versucht mit

a:visited {text-decoration: none}
a:active {text-decoration: none}

und mit:

a:visited img{text-decoration: none}
a:active img{text-decoration: none}

ohne Wirkung. Übrigens erscheint diese Grenze nicht in Chrom.

Hier ist mein CSS -Code, der diesem Bild bewertet wird:

#back_to_photos{
float:right;
position: relative;
margin-top:-238px;
margin-right: 40px;

}
a:visited {text-decoration: none}
a:active {text-decoration: none}

Vielen Dank!

War es hilfreich?

Lösung

Dieser Beitrag beschreibt, wie es geht. Nämlich ausdrücken outline: 0; in deiner a:visited CSS sollte den Trick machen.

text-decoration befasst sich nur mit Dingen wie Unterstein und Schlägen. Das Problem, das Sie begegnen, ist mit outline Das wird angeklickte/fokussierte Links herumgelegt, um dem Benutzer zu sagen, dass er schweben.

Beachten Sie, dass wenn Sie den Umriss entfernen, wird nicht erkennen, wo der Benutzer ist, wenn er mit der Tastatur auf Ihrer Seite navigiert.

Andere Tipps

Vielleicht stimmt etwas mit der Reihenfolge Ihrer Regeln nicht (weiß nicht, dass dies die einzigen in Ihrem Beispiel erwähnten Stile sind). Was Sie versuchen könnten, ist, es zu zwingen, indem Sie es verwenden !wichtig:

a {text-decoration: none !important;}

Hofft, dass es hilft.

Die Lösung für Ihr Problem ist Folgendes:

a:link, a:link:hover { text-decoration: none }

ich hoffe es hilft.

Weitere Informationen zu: squarefree.com/styles

Sie möchten verwenden outline: none.

Seien Sie jedoch vorsichtig, wenn Sie den Umriss verbergen, kann dies zu Usability -Problemen führen, insbesondere bei Benutzern, die mit der Tastatur navigieren.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top