bootstrap 5.2+ 使用 css 变量驱动按钮样式，直接写 .btn-primary { background-color: #ff6b6b; } 无效；应重设 --bs-btn-primary-bg 等变量，或严格按状态、属性、选择器权重全覆盖。
直接写 .btn-primary { background-color: #ff6b6b; } 基本无效——不是你代码错了，是 Bootstrap 5.2+ 根本不走这条路。
为什么 .btn-primary 覆盖失效？
Bootstrap 5.2 起全面用 CSS 变量（如 --bs-btn-primary-bg）驱动按钮样式，所有状态（:hover、:active、:disabled）都基于变量动态计算，且大量使用 !important。你写的规则权重低、没覆盖全、还被变量值覆盖——三重失效叠加。
- 你的 CSS 文件必须在 Bootstrap 的 CSS 之后加载，否则直接被忽略
-
.btn-primary单独写选择器特异性太低；原生用的是.btn.btn-primary:hover这类组合，你得至少写成.btn.btn-primary - 漏掉任一状态（比如只改了默认态，没碰
:disabled），用户点一下就“闪回”默认蓝 - 只改
background-color不够：border-color和color必须同步调，否则文字看不见或边框突兀
用 CSS 变量重设才是最小改动
与其写一堆 !important 规则，不如直接重设 Bootstrap 的变量——一行生效，全状态联动，且不破坏原有逻辑。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 变量名必须一字不差：
--bs-btn-primary-bg、--bs-btn-primary-border-color、--bs-btn-primary-hover-bg、--bs-btn-primary-disabled-bg缺一不可 - 写在
:root下影响全局；想局部生效，换成容器选择器，比如.my-form .btn-primary { --bs-btn-primary-bg: #7e57c2; } -
.btn-outline-primary不读--bs-btn-primary-bg，它依赖--bs-btn-color、--bs-btn-border-color、--bs-btn-bg，三者得一起设 - 深色模式下不会自动切换，得手动加
@media (prefers-color-scheme: dark)块重写一遍
如果非要用纯 CSS 覆盖，必须堵死全部漏洞
受限于环境（比如只能加 <style></style>，没法改 Sass 或变量），那就得把所有漏洞一次性堵死：
- 选择器必须提高权重：
.btn.btn-primary、.btn.btn-primary:hover、.btn.btn-primary:active、.btn.btn-primary:disabled全部显式写出 - 每个状态里三属性齐上：
background-color、border-color、color——缺一不可 - 别忘了
.btn-primary:focus和.btn-primary:focus-visible，否则可访问性焦点环会突兀 - 圆角、阴影、字体大小等响应式属性也要同步调整，否则
.btn-lg会比例失调
新增自定义按钮类（如 .btn-purple）别手写状态链
Bootstrap 提供了 button-variant() mixin 处理状态逻辑，手动补 .btn-purple:hover 容易漏掉 :disabled 或焦点样式。
- 用 Sass：导入函数/变量/mixins 后，调用
@include button-variant($purple-rgb, $purple, $purple, $purple); - 没 Sass？用 CSS 变量 + 组合类：
<button class="btn btn-purple"></button>，再定义.btn-purple { --bs-btn-bg: #8a2be2; } - 别单独写
.btn-purple:hover { background: ... }——禁用态还是蓝的 - 注意：
$theme-colors是全局驱动源，改它会影响所有组件（alert、badge、text-* 等），仅改按钮颜色时慎用
最常被忽略的其实是深色模式适配和 .btn-outline-* 类的三变量依赖——设了 --bs-btn-border-color 却漏了 --bs-btn-color，边框就永远变不了色。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
