应改 .dropdown-menu 或 .navbar-collapse.show，而非 .navbar-collapse；前者用于 dropdown 模式，后者用于 collapse 模式，因 .navbar-collapse 仅是透明容器，不渲染菜单内容。
折叠菜单背景色该改哪个 CSS 选择器
不是 .navbar-collapse，也不是 .navbar-toggler，而是 .dropdown-menu 或 .navbar-collapse.show ——取决于你用的是 dropdown 模式还是 collapse 模式。很多人死磕 .navbar-collapse 的 background，结果没效果，因为它的默认 background 是 transparent，它只是个容器，不负责渲染菜单块。
常见错误现象：.navbar-collapse 加了 background 却看不到变化；折叠后菜单仍是白色（或继承 body 背景）；下拉项文字看不清。
- 如果你用
data-bs-toggle="dropdown"（比如点击图标弹出下拉），菜单由.dropdown-menu渲染，直接改它的background-color即可 - 如果你用
data-bs-toggle="collapse"+data-bs-target=".navbar-collapse"（标准响应式收起），那展开后的菜单内容在.navbar-collapse.show内部，此时要设.navbar-collapse.show或其子容器（如.navbar-nav）的 background - Bootstrap 5 的 CSS 变量
--bs-navbar-dropdown-bg只对 dropdown 模式生效，且必须确保你的自定义样式在 Bootstrap CSS 之后加载，否则会被覆盖
NavbarToggler 图标和悬停颜色怎么调
.navbar-toggler 本身不渲染图标，图标来自 .navbar-toggler-icon 这个伪元素，它用 SVG base64 编码绘制三条横线。所以改颜色不能靠 color，得重写 background-image，或者用 filter。
常见错误现象：给 .navbar-toggler 加 color: red 没反应；hover 时图标不变色；深色背景下图标看不见。
- 最稳妥方式是覆盖
.navbar-toggler-icon的background-image，用新的 SVG data URL（注意转义斜杠和引号） - 简单快捷法：用
filter: invert(1) brightness(1.2)做颜色翻转，适合深/浅主题快速切换，但控制粒度低 - 悬停状态必须作用于
.navbar-toggler:hover .navbar-toggler-icon，而不是只写.navbar-toggler:hover，否则图标不会响应 - 别忘了同时调
border-color和box-shadow，否则 focus 状态下边框或阴影可能违和
为什么加了 background 还是透明或错位
不是代码写错了，大概率是 DOM 结构或 CSS 层叠出了问题。折叠菜单的渲染位置、溢出裁剪、z-index 和 display 状态都会干扰背景显示。
典型表现：背景色“闪一下就没了”；手机上点开菜单，背景只显示半截；深色模式下菜单背景白得刺眼。
-
.navbar-collapse默认有overflow: hidden，如果内部内容高度超限，会把背景裁掉——试试加overflow: visible临时排查 - 检查是否误加了
data-bs-theme="dark"全局属性，它会强制注入--bs-navbar-dropdown-bg: #343a40，覆盖你本地样式 - 确认没有行内 style 直接写在
.navbar-collapse上，比如style="background: none"，这会以最高优先级干掉你的 CSS - 移动端 Safari 对
transform: translateY()（collapse 动画常用）有渲染 bug，有时导致背景层不绘制，可尝试加backface-visibility: hidden
动态主题下 navbar 折叠菜单颜色怎么同步更新
Vue/React 里直接绑定 class 不够，.dropdown-menu 是独立组件或动态插入的 DOM 节点，父组件的状态变化不一定触发它的 class 更新。
容易被忽略的关键点：你改了 navbar 的 bg-dark，但 .dropdown-menu 仍用默认浅色背景，导致文字全黑不可读。
- 不要依赖
data-bs-theme切换，它影响全局，且与动态 class 绑定冲突 - 深色模式下，显式给
.dropdown-menu加dropdown-menu-dark类，或直接设background-color: var(--bs-dark) - collapse 模式下，用
:class="{ 'bg-dark': isDark }"同时绑定到.navbar-collapse和.navbar-nav，确保整个菜单链路一致 - 如果用了第三方下拉库（如 Popper），注意它的 portal 渲染节点不在 navbar DOM 内，需单独处理样式作用域
