Ik probeer een link in het wit weer te geven, zonder onderstreping. De tekstkleur wordt correct weergegeven als wit, maar de blauwe onderstreping blijft hardnekkig aanwezig. Ik heb text-decoration: none;
en text-decoration: none !important;
geprobeerd in de CSS om de onderstreping van de link te verwijderen. Geen van beide werkte.
.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>
Hoe kan ik de blauwe onderlijning van de link verwijderen?
De anchor tag (link) heeft ook pseudo-classes zoals visited, hover, link en active. Zorg ervoor dat je stijl wordt toegepast op de betreffende status(s) en dat er geen andere stijlen conflicteren.
Bijvoorbeeld:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Zie W3.org voor meer informatie over gebruikersactie pseudo-klassen :hover, :active, en :focus.
Zonder de pagina te zien, is het moeilijk om te speculeren.
Maar het lijkt mij dat je een border-bottom: 1px solid blue;
wordt toegepast. Misschien kun je border: none;
toevoegen. text-decoration: none !important
klopt, maar het kan zijn dat je een andere stijl hebt die die CSS nog steeds overruled.
Dit is waar het gebruik van de Firefox Web Developer Toolbar geweldig is, je kunt de CSS daar bewerken en kijken of het werkt, tenminste voor Firefox. Het staat onder CSS > Bewerk CSS
.