IE：11悬停在不工作之前[关闭]

Question

我的链接结构如下：

a{
  // some css here
}
a:before{
 // contains font icon
}
a:hover{
 text-decoration:underline;
}
a:hover:before{
 text-decoration:none;
}

我只需要在链接悬停时添加text-decoration:underline，而不是在前面部分。我的代码在 chrome 上运行良好，但在 IE 11 上，text-decoration:none 不适用于a:hover:before。

Answer 1

你可以把<a>的主要内容放在一个span中，只在span下划线。

a {
  text-decoration:none;
}
a:before {
 content: '➠ ';
}
a:hover span {                 /* changed */
 text-decoration:underline;
}
a:hover:before {
 text-decoration:none;
}

<a href="#"><span>Click here</span></a>