最轻量解法是为表单内超链接添加text-decoration-none类，如忘记密码？；需同步补充:hover/:focus下划线或边框等非颜色反馈以满足可访问性要求。
表单内超链接默认带下划线，怎么关
Bootstrap 5 对所有 a 标签统一加了 text-decoration: underline，表单里嵌的链接（比如「忘记密码？」a）也会被影响。最轻量的解法就是加 text-decoration-none 类：
- 直接写：
@#@#@#@#@#@#@#@#@#@0 - 如果链接在
.form-text或.form-label里，类照样生效，无需额外包裹 - 别用
text-reset——它只重置颜色，不碰下划线
想让表单链接看起来像按钮，但又不是 btn 类
Bootstrap 的 btn 类和 a 天然不兼容：一旦给 a 加 btn，它的颜色、背景、圆角全由按钮系统接管，.link-primary 这类链接语义类就失效了。
- 推荐模拟轻量按钮效果：
@#@#@#@#@#@#@#@#@#@1 - 注意
px-3 py-1提供点击热区，bg-light和border构成视觉边界，rounded圆角 - 避免写
style="color: #0d6efd !important"——既绕过 Bootstrap 变量体系，又难适配深色模式
表单里链接悬停/聚焦时没反馈，可访问性不达标
WCAG 要求链接必须提供非颜色的视觉反馈（如下划线、边框、背景变化）。单纯去掉下划线后，若不补反馈，屏幕阅读器用户和色觉障碍者可能无法识别可点击区域。
- 安全做法：保留
text-decoration-none，再手动加 hover/focus 效果：@#@#@#@#@#@#@#@#@#@2，然后在自定义 CSS 中写：a.text-decoration-none:hover,<br>a.text-decoration-none:focus {<br> text-decoration: underline;<br>} - 如果用了深色模式（
data-bs-theme="dark"），确保text-decoration-color在暗背景下仍够显眼（比如浅蓝或亮黄） - 别只依赖颜色变化——例如把「注册」改成红色文字但无下划线，对红绿色盲用户基本不可见
为什么改了 a 样式却没生效
常见原因是选择器权重不够，尤其当链接嵌在 .form-control、.input-group 或 .form-floating 这类复合组件里时，Bootstrap 的内部规则优先级更高。
- 检查开发者工具里被划掉的
text-decoration来源，大概率是类似.input-group .input-group-text a这种高权重规则 - 临时验证：用
.form-control a或.input-group a显式覆盖，而不是只写a - 绝对避免在全局
a上加!important——会误伤表单外所有链接，且破坏后续主题切换
text-decoration-none 能解决 80% 场景，但剩下 20% 往往卡在选择器作用域和可访问性兜底上——尤其是当链接混在浮动标签（form-floating）或输入组（input-group）里时，DOM 结构一变，样式就得跟着调。
