Опитвам се да покажа връзка в бяло, без подчертаване. Цветът на текста се показва правилно като бял, но синьото подчертаване упорито продължава. Опитах с text-decoration: none;
и text-decoration: none !important;
в CSS, за да премахна подчертаването на връзката. Нито едно от двете не се получи.
.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>
Как мога да премахна синьото подчертаване от връзката?
Тагът за котва (линк) също има псевдокласове, като visited, hover, link и active. Уверете се, че вашият стил е приложен към въпросното състояние (състояния) и че няма други противоречащи си стилове.
Например:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Вижте W3.org за повече информация относно псевдокласовете за потребителски действия :hover, :active и :focus.
text-decoration: none !important
трябва да го премахне .. Сигурни ли сте, че няма border-bottom: 1px solid
се крие? (Проследете изчисления стил във Firebug/F12 в IE)
Без да видите страницата, е трудно да се спекулира.
Но ми се струва, че може да имате бордер-долу: 1px solid blue;
се прилага. Може би добавете border: none;
. text-decoration: none !important
е правилно, но е възможно да имате друг стил, който все още да надделява над този CSS.
Именно тук използването на Firefox Web Developer Toolbar е страхотно, можете да редактирате CSS точно там и да видите дали нещата работят, поне за Firefox. Намира се под CSS > Edit CSS
.