Ich versuche, einen Link in weißer Farbe und ohne Unterstreichung anzuzeigen. Die Textfarbe wird korrekt als weiß angezeigt, aber die blaue Unterstreichung bleibt hartnäckig bestehen. Ich habe es mit "text-decoration: none" und "text-decoration: none !important" im CSS versucht, um die Unterstreichung des Links zu entfernen. Beides hat nicht funktioniert.
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
Wie kann ich die blaue Unterstreichung aus dem Link entfernen?
Der Anker-Tag (Link) hat auch Pseudo-Klassen wie visited, hover, link und active. Vergewissern Sie sich, dass Ihre Formatvorlage auf den/die betreffenden Zustand(e) angewendet wird und dass keine anderen Formatvorlagen im Widerspruch dazu stehen.
Zum Beispiel:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Siehe W3.org für weitere Informationen zu den Benutzeraktions-Pseudoklassen :hover, :active und :focus.
text-decoration: none !important" sollte es entfernen. Sind Sie sicher, dass da nicht ein border-bottom: 1px solid
versteckt ist? (Verfolgen Sie den berechneten Stil in Firebug/F12 im IE)
Ohne die Seite zu sehen, ist es schwer zu spekulieren.
Aber es hört sich für mich so an, als hätten Sie ein "Border-bottom: 1px solid blue;verwendet wird. Vielleicht fügen Sie
border: none;` hinzu. text-decoration: none !important" ist richtig, es ist möglich, dass Sie einen anderen Stil haben, der immer noch dieses CSS überschreibt.
In diesem Fall ist die Firefox Web Developer Toolbar sehr hilfreich. Sie können die CSS direkt dort bearbeiten und sehen, ob die Dinge funktionieren, zumindest für Firefox. Sie finden es unter "CSS > CSS bearbeiten".