我通过 CDN 包含 Bootstrap5,如下所示:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
我的目标: 我想将引导颜色的颜色从default-blue更改为red-tone。听起来很容易,对吧?好吧,不是:如果您首先包含 boostrap CDN,然后是您自己的 css(如您所愿)并添加代码
--bs-secondary: rgb(243, 113, 33)
的颜色.btn-secondary
不变。
为了改变颜色,.btn-secondary
我必须手动改变这个类的 css。如果您想更改 5 种颜色或其他变量,这可能会非常低效。
因此,我的问题是: 是否有一种简单的方法可以通过 CDN 使用 Bootstrap5 覆盖自定义属性(=css 变量)?