Snažím sa, aby sa odkaz zobrazoval bielym písmom bez podčiarknutia. Farba textu sa zobrazuje správne ako biela, ale modré podčiarknutie tvrdohlavo pretrváva. Skúšal som text-decoration: none;
a text-decoration: none !important;
v CSS, aby som odstránil podčiarknutie odkazu. Ani jedno nefungovalo.
.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>
Ako môžem odstrániť modré podčiarknutie z odkazu?
Značka anchor (odkaz) má tiež pseudotriedy, ako napríklad visited, hover, link a active. Uistite sa, že váš štýl je aplikovaný na daný stav (stavy) a že žiadne iné štýly nie sú v konflikte.
Napríklad:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Viac informácií o pseudotriedach používateľských akcií :hover, :active a :focus. nájdete na W3.org.
Bez toho, aby ste videli stránku, je ťažké špekulovať.
Ale zdá sa mi, že môžete mať "okrajové dno": 1px solid blue;. Možno pridajte
border: none;.
text-decoration: none !important` je správne, je však možné, že máte iný štýl, ktorý je stále nadradený tomuto CSS.
Tu je použitie Firefox Web Developer Toolbar úžasné, môžete upraviť CSS priamo tam a zistiť, či veci fungujú, aspoň pre Firefox. Je to v časti CSS > Upraviť CSS
.