Snažím se, aby se odkaz zobrazoval bíle, bez podtržení. Barva textu se zobrazí správně jako bílá, ale modré podtržení tvrdošíjně přetrvává. Vyzkoušel jsem v CSS text-decoration: none;
a text-decoration: none !important;
, abych podtržení odkazu odstranil. 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>
Jak mohu odstranit modré podtržení z odkazu?
Značka anchor (odkaz) má také pseudotřídy, například visited, hover, link a active. Ujistěte se, že váš styl je aplikován na daný stav (stavy) a že žádné jiné styly nejsou v rozporu.
Například:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Další informace o **pseudotřídách uživatelských akcí :hover, :active a :focus naleznete na W3.org.
Bez toho, abyste viděli stránku, je těžké spekulovat.
Ale připadá mi, že máte možná "okrajové dno": 1px solid blue;. Možná přidejte
border: none;.
text-decoration: none !important` je správně, je'ale možné, že máte jiný styl, který je stále nadřazen tomuto CSS.
V tomto případě je použití Firefox Web Developer Toolbar úžasné, můžete upravit CSS přímo tam a zjistit, zda věci fungují, alespoň pro Firefox. Je to pod položkou CSS > Edit CSS
.