如何在materialize css中改变悬停颜色？

Question

我的网站使用的是 materialize CSS 框架。我的网站上也有一个下拉菜单。当你点击它，它显示的元素是它的一部分，他们有正确的背景颜色，但当你悬停，它的行为就像它是白色和阴影的白色。请大家帮助我，让它正确地遮挡我的黑色背景。

<ul id="games" class="dropdown-content" tabindex="0" style="display: block; width: 143.188px; left: 1222.81px; top: 0px; height: 94px; transform-origin: 0px 0px; opacity: 1; transform: scaleX(1) scaleY(1);">
<li tabindex="0" class="brand-black"><a href="#!">We have no games at the moment.</a></li>
</ul>

https:/i.imgur.combN9mv5P.gif

Answer 1

.dropdown-content li:hover, .dropdown-content li.active {
background-color: #A10000 !important;
}

我改变了我的自定义下拉菜单的悬停颜色，把它放在我的style.css文件中。使用！重要的，所以你确保更改将被应用。