覆盖悬停颜色上的mdboostrap下拉项

<link rel="stylesheet" href="path/to/mdbootstrap.min.css">
<script src="path/to/mdbootstrap.min.js"></script>

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">菜单项1</a>
    <a class="dropdown-item" href="#">菜单项2</a>
    <a class="dropdown-item" href="#">菜单项3</a>
  </div>
</div>

.dropdown-item:hover {
  background-color: #ff0000; /* 设置悬停时的背景颜色 */
  color: #ffffff; /* 设置悬停时的文字颜色 */
}