Jeg prøver å få en lenke til å vises i hvitt, uten understreking. Tekstfargen vises riktig som hvit, men den blå understrekingen vedvarer hardnakket. Jeg prøvde text-decoration: none;
og text-decoration: none !important;
i CSS for å fjerne understrekingen av lenken. Ingen av delene fungerte.
.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>
Hvordan kan jeg fjerne den blå understrekingen fra lenken?
Anchor-taggen (lenke) har også pseudoklasser som besøkt, hover, lenke og aktiv. Forsikre deg om at stilen din brukes på de(n) aktuelle tilstanden(e) og at ingen andre stiler er i konflikt.
For eksempel
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Se W3.org for mer informasjon om **brukerhandlingspseudoklassene :hover, :active og :focus.
Uten å se siden er det vanskelig å spekulere.
Men det høres ut for meg som om du kan ha en border-bottom: 1px solid blue;
blir brukt. Kanskje legge til border: none;
. text-decoration: none !important
er riktig, det er mulig at du har en annen stil som fortsatt overstyrer den CSS skjønt.
Det er her bruk av Firefox Web Developer Toolbar er fantastisk, du kan redigere CSS akkurat der og se om ting fungerer, i hvert fall for Firefox. Det er under CSS > Rediger CSS
.