Odstranění tvrdohlavého podtržení z odkazu

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?

daaawx
Upravená otázka 4 duben 2019 в 10:43
Programování
css hyperlink underline
7 květen 2010 в 3:29
26 zobrazení

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.

JYelton
Upravená odpověď 2 květen 2016 в 5:32
Komentáře (2)

text-decoration: none !important by ji měl odstranit .. Jste si jisti, že tam není border-bottom: 1px solid? (Sledujte vypočtený styl ve Firebugu/F12 v IE).

Gijs Overvliet
Upravená odpověď 17 červenec 2014 в 2:02
Komentáře (1)

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řidejteborder: 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.

Komentáře (0)