HTML / CSS: без изменения текста при наведении на ссылку

0

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

a.blank:hover{
    text-decoration:none;}

и сама связь:

<a class="blank" id="asdf">asdf</a>

У меня также есть общий стиль гиперссылки:

 a:hover, a:active {
text-decoration: none;
color: #321dd3; }

Я знаю, что могу обойти это, указав цвет текста как один и тот же, но есть ли зонтичный метод, чтобы заставить гиперссылку ничего не менять?

  • 1
    он уже работает нормально => jsfiddle.net/73yYs
Теги:
hyperlink
hover

1 ответ

5
Лучший ответ

Есть библиотеки, такие как reset.cssеще, как ему), который удалит эти стили, но это может повлиять на другие части вашей страницы. Лучше всего использовать

a:hover, a:active {
  text-decoration: none;
  color: inherit; 
}

Вам также необходимо добавить a{text-decoration: none;} и определить свойство color (That what inherit ed) для его родительского элемента.

Скрипт: http://jsfiddle.net/VhCf8/

  • 0
    Спасибо! цвет: наследовать; было то, что я искал
  • 0
    цвет: наследовать; хороший ответ и очень полезный.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню