64 Stimmen

"text-decoration" und das ":after" Pseudo-Element, überarbeitet

Ich frage noch einmal nach diese Frage weil die Antworten in meinem Fall nicht funktioniert haben.

In meinem Stylesheet für gedruckte Medien möchte ich die URL nach jedem Link anhängen, indem ich die :after Pseudo-Klasse.

a:after {
    content: " <" attr(href) ">";
    text-decoration: none;
    color: #000000;
}

In Firefox (und wahrscheinlich Chrome, aber nicht IE8), text-decoration: none wird ignoriert, und die Unterstreichung erstreckt sich in unschöner Weise über den unteren Teil der Url. Die color ist jedoch korrekt auf schwarz für die Url eingestellt. Gibt es eine Möglichkeit, die text-decoration arbeiten?

El ursprüngliche Frage Bilder mit fester Größe anstelle von Text mit variabler Breite angehängt. In den Antworten werden Polsterungen und Hintergrundbilder verwendet, um die Eigenschaft text-decoration nicht verwenden zu müssen. Ich bin immer noch auf der Suche nach einer Lösung, wenn der Inhalt Text mit variabler Breite ist.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X