bootstrap 5.x 警告框内 a 标签默认无下划线且颜色继承父级，需用 .alert a { color: #0d6efd !important; text-decoration: underline solid #0d6efd !important; } 精准覆盖。
Bootstrap 警告框里 a 标签默认不显示下划线
Bootstrap（v5.x）对警告框（.alert）内的链接做了显式样式重置：a 标签的 text-decoration 被设为 none，且颜色继承自父级 .alert 的文字色（比如 .alert-warning 中是 #856404）。这不是 bug，是设计选择——避免干扰警告语义的视觉层级。
如果你需要恢复下划线或改颜色，不能靠全局覆盖 a，必须精准作用于警告框内部：
- 用
.alert a或更具体的.alert-warning a选择器覆盖 - 务必加
!important（Bootstrap 的原始规则权重高，尤其 v5 使用:where()但内部仍带!important） - 同时设置
color和text-decoration，否则可能只生效一个
如何让警告框内链接变蓝色并带下划线
最稳妥的做法是写一条针对性 CSS 规则，放在 Bootstrap 引入之后：
.alert a {
color: #0d6efd !important;
text-decoration: underline !important;
}
如果只想在特定类型警告框中生效（比如只在 .alert-info 里），就限定范围：
.alert-info a {
color: #0d6efd !important;
text-decoration: underline !important;
}
注意：不要用 .alert a:hover 单独写悬停态，Bootstrap 默认已定义 :hover 伪类，但它的颜色和装饰也被重置了，所以 hover 也要一并覆盖。
使用 text-decoration 时容易忽略的兼容性点
text-decoration 在旧版 Bootstrap（v4.6 及之前）中是通过 text-decoration: none 直接写的；v5 改用 text-decoration: none solid currentColor，多了 solid 和 currentColor 参数。这意味着：
- 只写
text-decoration: underline可能被部分浏览器解析为不完整声明而失效 - 推荐写全：
text-decoration: underline solid #0d6efd（颜色可按需替换） - 若需响应不同主题（如深色模式），避免硬编码颜色，改用 CSS 变量如
var(--bs-link-color)
用工具类快速修复（Bootstrap 5.3+）
Bootstrap 5.3 开始支持 text-decoration-underline 工具类，但它**不会自动作用于 .alert 内部的 a**，因为警告框的样式优先级更高。所以你得手动加类，并配合 text-primary 等颜色工具类：
<div class="alert alert-warning"> 注意：请 <a href="#" class="text-primary text-decoration-underline">立即更新</a> </div>
这种写法干净，但前提是你的项目已升级到 5.3+，且不介意在 HTML 层面显式声明样式。如果警告框内容来自 CMS 或用户输入，就不可控——这时候还是 CSS 规则更可靠。
真正麻烦的是嵌套组件（比如警告框里放了 button 或自定义组件再包 a），这时选择器要更深一层，比如 .alert .custom-link a，别指望一条规则通吃所有场景。
