Yritän saada linkin näkymään valkoisena ilman alleviivausta. Tekstin väri näkyy oikein valkoisena, mutta sininen alleviivaus on sitkeästi olemassa. Yritin CSS:ssä text-decoration: none;
ja text-decoration: none !important;
poistaa linkin alleviivauksen. Kumpikaan ei toiminut.
.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>
Miten voin poistaa sinisen alleviivauksen linkistä?
Ankkuritunnisteella (linkki) on myös pseudoluokkia, kuten visited, hover, linkki ja active. Varmista, että tyyliäsi sovelletaan kyseiseen tilaan (tiloihin) ja että muut tyylit eivät ole ristiriidassa keskenään.
Esim:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Katso W3.org lisätietoja käyttäjän toimintojen pseudoluokista :hover, :active ja :focus..
Sivua näkemättä on vaikea spekuloida.
Mutta minusta kuulostaa siltä, että sinulla saattaa olla border-bottom: 1px solid blue;
. Lisää ehkä border: none;
. text-decoration: none !important
on oikein, mutta on mahdollista, että sinulla on toinen tyyli, joka kuitenkin ohittaa tuon CSS:n.
Tässä kohtaa Firefox Web Developer Toolbar on mahtava, voit muokata CSS:ää siellä ja katsoa, toimiiko se, ainakin Firefoxissa. Se on kohdassa CSS > Edit CSS
.