** Bootstrap v5.2.2.**
Bootstrap团队添加了几个CSS variables用于实时定制。
今天我想改变所有“主-“控件的颜色在飞行。
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
:root {
--bs-primary: green;
}
</style>
</head>
<body>
<button type="button" class="btn btn-primary">Hello</button>
<div class="spinner-border text-primary"></div>
</body>
</html>在我的示例中，我希望两个控件都是“绿色”的，但事实并非如此。我显然做错了什么--或者我没有理解用CSS变量配置Bootstrap的整个概念。
有什么需要帮忙的吗？
我知道我可以通过scss在编译时修改所有颜色，但是在我的场景中这不是一个选项。我需要一个（简单的）运行时解决方案。
1条答案
按热度按时间rseugnpd1#