html - 如何禁用 Bootstrap 链接悬停背景颜色？

Question

我在我现在正在开发的网站中集成了 Bootstrap 菜单。事实上，我想知道如何禁用 Bootstrap 链接悬停背景色？。解释如下:

这是我整合的菜单:

当我将鼠标光标放在菜单项上时，它的背景颜色变为蓝色:

我想要的是当我将鼠标光标放在任何元素上时没有任何反应，这意味着它的背景颜色根本没有改变。

这是我正在使用的 css 代码的一部分:

.notif_link:hover{
            background-color: inherit !important;
        }

这是属于我正在使用的菜单项的代码行:

<li class="notif"><a class="notif_link" href="#"><span class="notif_content">hello</span></a></li>

所以，我的问题是这里的错误是什么？..我该怎么做？

提前致谢。

Answer 1

试一试:

<a class="notif_link" href="#"><li class="notif"><span class="notif_content">hello</span></li></a>