.modal-content默认边框和圆角来自其内置css规则：border: 1px solid rgba(0,0,0,.2)和border-radius: .5rem（bootstrap 5），非rounded或border工具类控制，需直接覆盖border: none和border-radius: 0才能彻底移除。
modal-content 默认边框和圆角从哪来
Bootstrap 的 .modal-content 默认有 border: 1px solid rgba(0,0,0,.2) 和 border-radius: .75rem（Bootstrap 5 是 .5rem），这两个样式都写死在 CSS 规则里，不是靠 rounded- 工具类控制的。所以加 rounded-0 没用，加 border-0 也只管 border，不管 border-radius。
去掉边框：直接覆盖 border 属性
最稳妥的方式是给 .modal-content 显式重置边框：
- 用
border: none或border: 0彻底移除边框 - 如果只想改颜色不改粗细，设
border-color: transparent - 注意：不要只写
border-top: none这类局部规则，容易漏掉其他三边
示例 CSS（需在 Bootstrap 样式后加载）：
.modal-content {
border: none;
}
去掉圆角：必须覆盖 border-radius
.modal-content 的圆角不是由 rounded-0 控制的，它独立声明在 .modal-content 规则中。因此要直击源头：
- 设
border-radius: 0是唯一有效方式 - 如果项目用了 CSS-in-JS 或 scoped style，记得提高选择器优先级，比如加
!important或用.modal-content:not(.no-radius) { border-radius: 0; } - Bootstrap 5 中
.modal-content的默认值是.5rem，不是.75rem，版本差异会影响你查源码时的定位
推荐写法：
.modal-content {
border: none;
border-radius: 0;
}
模态框整体直角化时容易忽略的点
只动 .modal-content 还不够。实际渲染中，.modal-dialog 可能带 margin、.modal-header / .modal-footer 内部元素也可能有 padding 或 border，导致视觉上仍有“边框感”：
-
.modal-header默认有border-bottom，要去掉得单独写.modal-header { border-bottom: none; } -
.modal-footer同理，默认有border-top - 如果用了
modal-fullscreen，.modal-dialog会自动加margin: 0，但没加border-radius: 0，仍需手动补
真正干净的直角模态框，往往要连带处理这三层：dialog → content → header/footer。
