Синие и фиолетовые ссылки по умолчанию, как их удалить?

Это одна из ссылок в моем навигаторе:

<li><a href="#live-now" class="navBtn"><span id="navLiveNow" class="white innerShadow textShadow">Live Now</span></a></li>

У меня также есть следующее в моем css:

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

Но ссылки по-прежнему отображаются в ужасном параметре blue/purple visit/hover html default. Что я делаю неправильно?

Ответ 1

Вам необходимо переопределить цвет:

a { color:red } /* Globally */

/* Each state */

a:visited { text-decoration: none; color:red; }
a:hover { text-decoration: none; color:blue; }
a:focus { text-decoration: none; color:yellow; }
a:hover, a:active { text-decoration: none; color:black }

Ответ 2

УДАЛИТЬ ЛИНИЮ ПО УМОЛЧАНИЮ что: посещенная вещь - css.... вы просто заходите в свой HTML-код и добавляете простой

< a href= " style =" text-decoration: none" > </a>

... это то, как html-страницы были

Ответ 3

Привет, определяйте цвет #000 так же, как и вы, и измените свой CSS как это.

.navBtn { text-decoration: none; color:#000; }
.navBtn:visited { text-decoration: none; color:#000; }
.navBtn:hover { text-decoration: none; color:#000; }
.navBtn:focus { text-decoration: none; color:#000; }
.navBtn:hover, .navBtn:active { text-decoration: none; color:#000; }

или

 li a { text-decoration: none; color:#000; }
 li a:visited { text-decoration: none; color:#000; }
 li a:hover { text-decoration: none; color:#000; }
 li a:focus { text-decoration: none; color:#000; }
 li a:hover, .navBtn:active { text-decoration: none; color:#000; }

Ответ 4

Если вы хотите отображать якоря в своем собственном выборе цветов, чем вы должны определить цвет в свойстве тега привязки в CSS следующим образом: -

a { text-decoration: none; color:red; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

см. демонстрацию: - http://jsfiddle.net/zSWbD/7/

Ответ 5

<a href="#" onclick="location.href='https://www.'; return false;" style="color: inherit;"target="_blank">

Для встроенного стиля CSS это работает лучше всего для меня.