如何将Bootstrap按钮的圆角设置为直角而非rounded？

本文共计809个文字，预计阅读时间需要4分钟。

cssstyle=border-radius: 0;

正确做法是使用 Bootstrap 官方提供的重置类：rounded-0。它作用于所有边框角，且优先级足够高，能覆盖 btn 自带的圆角。

• rounded-0 必须和 btn 同时出现在 class 中，顺序无关（如 class="btn btn-primary rounded-0"）
• 如果按钮还用了 btn-sm 或 btn-lg，rounded-0 依然有效，无需额外处理
• 注意不要误用成 rounded-none（这是 Tailwind 的写法，Bootstrap 不识别）

为什么加了 rounded-0 还有残余圆角

常见原因是父容器或自定义样式强制设置了 border-radius，比如外层 input-group、btn-group，或者你自己写的 CSS 规则里用了 !important。