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

Css 如何使引导徽章的颜色略有不同?,css,bootstrap-4,Css,Bootstrap 4,我想把一个引导徽章换成不同的颜色。我对前端工作有点陌生,所以这可能是一个令人尴尬的问题,但我构建了以下CSS: .badge .badge-danger{ color:#FFFFFF; } 并在原来的CSS之后添加了新的CSS <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initia

我想把一个引导徽章换成不同的颜色。我对前端工作有点陌生,所以这可能是一个令人尴尬的问题,但我构建了以下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;
}

是,警徽,警徽,危险,没有空间,我没修好sadlyAh知道了,背景色