如何禁用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>

Answer 2

a[href]:after { display:none;} (or)<a class="disabled" href="javascript:void(0)">LINK</a>