改 --bs-border-color 需同步重设 --bs-border-color-translucent 才能统一表单边框色；局部生效用容器自定义类；.form-label 字重受字体支持与加载顺序影响；字号行高应通过 --bs-body-font-size 和 --bs-body-line-height 统一控制；禁用态需同步更新 --bs-secondary-color 和 --bs-secondary-bg 及其深色模式变量。
改 --bs-border-color 就能统一表单边框色，但得配齐配套变量
直接写 .form-control { border-color: red; } 很大概率失效，因为 Bootstrap 5 所有表单控件都依赖 --bs-border-color 变量，且该变量被 :focus、:disabled 等伪类反复覆盖。真正起效的方式是重设根变量：
-
:root中声明--bs-border-color和--bs-border-color-translucent（后者用于:focus的阴影层） - 这两个变量不只影响
.form-control，还会同步作用于.card边框、.dropdown-divider、.hr—— 改之前确认是否要全局联动 - 如果只想局部生效（比如仅某个表单区域），用自定义 class 包裹容器，例如
.my-form { --bs-border-color: #8b5cf6; }，确保该样式加载在 Bootstrap CSS 之后
.form-label 字重不能只靠 font-weight，得看字体支持和加载顺序
Bootstrap 5 默认给 .form-label 设了 font-weight: 600，但你加了 font-weight: 500 却没变化，常见原因不是代码错，而是：
- CSS 文件加载顺序不对：你的样式必须在
bootstrap.min.css之后引入，否则被覆盖 - 字体本身不支持该字重：比如用了 Inter 字体却只加载了 400/700 两个字重，写
500会 fallback 到 400，看起来“没变” - 第三方库或主题加了
!important，需提升选择器权重，例如用form .form-label或.my-form .form-label
想改表单默认字号/行高？别硬写像素值，优先用 --bs-body-font-size 链式控制
.form-control 的字号默认继承 --bs-body-font-size，而它的行高又由 --bs-body-line-height 决定。与其单独给 .form-control 写 font-size: 0.875rem，不如：
- 在
:root中统一调--bs-body-font-size（比如设为0.875rem），所有继承该变量的组件（包括.form-label、.input-group-text）自动响应 - 同步调整
--bs-body-line-height（推荐1.5或1.4），避免小字号下文字挤在一起 - 注意：
--bs-body-font-size还会影响h1–h6、p、button等，改前通盘检查视觉一致性
禁用状态颜色失效？漏了 --bs-secondary-color 和 --bs-secondary-bg
给 .form-control:disabled 换灰底白字时，只改 background-color 和 color 容易翻车。Bootstrap 实际用的是：
-
background-color: var(--bs-secondary-bg)控制背景 -
color: var(--bs-secondary-color)控制文字 - 这两个变量默认值分别是
#e9ecef和#6c757d，但如果你动过主色或深色模式，它们不会自动适配——必须手动重设 - 深色模式下，
[data-bs-theme="dark"]里也要单独定义这两套变量，否则禁用态在暗色背景下可能看不清
--bs-primary 却没同步 --bs-primary-rgb，结果 .form-control:focus 的 box-shadow 里 rgba() 解析失败，阴影消失。CSS 变量不是孤立的，它是一整条依赖链。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
