如何使引导徽章的颜色略有不同



我正在尝试使引导程序徽章具有不同的颜色。我对前端工作有点陌生,所以这可能是一个令人尴尬的问题,但我构建了以下CSS:

.badge .badge-danger{
color:#FFFFFF;
}

并在原来的CSS之后添加了新的CSS。。。

<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="content/custom.css"/>

但我看不到任何变化!为什么?

您可以更改徽章的背景颜色"颜色">更改文本的颜色,而"背景色"

.badge-danger {
color: #fff;
background-color: #3545dc;
}

相关内容

最新更新