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

Question

我有这样的造型：

#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/

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

Answer 1

看起来是背景颜色，而不是框阴影。

尝试添加到您的 class :

background: none;
border: none;

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

Answer 2

试试这个：

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

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

Setting hyperlink as underline on hover (with no shadow effect)

css

wordpress

anchor

bbpress