HTML / CSS:将鼠标悬停在链接上时不会更改文本

时间:2014-03-04 15:34:31

标签: html css hyperlink hover

我想创建一个超链接,当我将鼠标悬停在文本上时,该超链接不会更改文本。 我为这种类型的链接创建了一个特殊的样式,如下所示:

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

和链接本身:

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

我也有一般的超链接样式:

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

我知道我可以通过将文本颜色定义为相同来绕过它,但是有一种伞方法可以强制超链接不要改变任何东西吗?

1 个答案:

答案 0 :(得分:5)

reset.css(以及more like it)等库会删除这些样式,但这可能会影响您网页的其他部分。最好使用

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

您还需要添加a{text-decoration: none;}并为其父元素定义color属性(即inherit ed)。

小提琴:http://jsfiddle.net/VhCf8/