Установка гиперссылки как подчеркивание при наведении (без эффекта тени)

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

Попробуйте это:

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

Answer 2

Похоже, это цвет фона, а не тени от коробки.

Попробуйте добавить в свой класс:

background: none;
border: none;

И вам не нужно сбрасывать box-shadow.