css - 悬停文本装饰 : none; does not work in IE

Question

我通读了其他类似的帖子，但仍然无法在 IE 中使用 text-decoration: none。它适用于 Edge、Chrome 和 Firefox。这些页面也在 WordPress 上(如果有任何不同的话)。

我正在使用的 CSS:

.glyphNext:after {
display: inline-block;
font-family: CaGov; 
content: "\e669";
padding-left: 5px;
vertical-align: middle;
text-decoration: none!important;
}
.glyphNext:hover::after {
text-decoration: none!important;
}

还有其他想法吗？我只希望文本链接带有下划线，我不希望我的字形在悬停时带有下划线。

Answer 1

首先，什么是.glyphNext？是 anchor 标签吗？

如果它是 anchor 标记，将 text-decoration: none; 附加到选择器，如下所示:

.glyphNext, .glyphNext:hover {
    text-decoration: none;
}