文章/答案/技术大牛

发布

问11在不工作前悬停。
EN

Stack Overflow用户

提问于 2017-06-07 11:51:33

回答 1查看 2.6K关注 0票数 0

我的链接结构如下：

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

我需要添加text-decoration:underline只在一个链接的悬停，而不是在前面的部分。我的代码在chrome上运行得非常好，但是在IE11上，text-decoration:none并不适用于a:hover:before。

css

css-selectors

internet-explorer-11

pseudo-element

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-07 12:11:08

您可以做的是将<a>的主要内容放在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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44411879

复制

相似问题

问11在不工作前悬停。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问11在不工作前悬停。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问11在不工作前悬停。
EN