如何删除 MDBootstrap class 默认选择的颜色

Question

我正在为我的项目使用 MDBootstrap。我使用 <a href> 标签列表作为如下列表

<a  class="list-group-item list-group-item-action text-right  hoverlist "
 id="list-1"
 data-toggle="list"
 href="#list-1"
 role="tab"
 aria-controls="cat01">cat01<i class="fa fa-home"></i> </a>

这是最终预览

我想做的是去掉这个蓝色，然后把颜色改成红色。所以我试过下面的代码

.hoverlist{
background-color:red;
}

但是什么都没有改变。谁能告诉我这是为什么？

谢谢

Answer 1

嗯，有两种方法；

css 属性从上到下被覆盖：

第一个是：我不明白实现的 css 是否驻留在外部文件中。但是如果是将 link 放到 link 下的 css 文件中用于 mdbootstrap。像这样：

<html>
<head>
<link href="mdbootsstrap.css" rel="stylesheet">
<link href="your css file" rel="stylesheet">
</head>
</html>

或者其次，使用以下代码：

<a  class="list-group-item list-group-item-action text-right  hoverlist "
id="list-1"
data-toggle="list"
href="#list-1"
role="tab"
aria-controls="cat01" style="background-color: red">cat01<i class="fa fa-home"></i> </a>

在这里，我向 link 添加了样式属性，它将覆盖所有其他 css 实现。

看到这支笔：https://codepen.io/MansoorAhmed/pen/yLBKppw

如何删除 MDBootstrap class 默认选择的颜色

How to remove MDBootstrap a class defult selecte color

html

twitter-bootstrap

frontend

mdbootstrap