在悬停时将超链接设置为下划线（无阴影效果）答案

【问题标题】：Setting hyperlink as underline on hover (with no shadow effect)在悬停时将超链接设置为下划线（无阴影效果）
【发布时间】：2019-10-23 16:40:15
【问题描述】：

我有这个样式：

#bbpress-forums li.bbp-forum-freshness a:hover, #bbpress-forums li.bbp-topic-freshness a:hover {
    text-decoration: underline;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

然而，当我将鼠标悬停在链接上时：

如您所见，它们仍在显示阴影效果。我已经能够在其他课程中使用上述方法。

页面：

https://www.publictalksoftware.co.uk/support-forums/

任何建议表示赞赏。我只是希望它是没有阴影的下划线。

【问题讨论】：

除了您已经提供的 CSS 之外，请提供重新生成此内容所需的最短 HTML。见Minimal, Reproducible example。

标签： css wordpress anchor bbpress

【解决方案1】：

试试这个：

.bbp-forum-title:hover, .bbp-forum-freshness a:hover {
background: transparent!important;
border-top: none!important;
}

【讨论】：

谢谢你。效果很好。 :)

【解决方案2】：

看起来是背景色，而不是盒子阴影。

尝试添加到您的班级：

background: none;
border: none;

而且你不需要重置box-shadow。

【讨论】：

感谢您并澄清我不需要box-shadow 样式。