Bootstrap 5 Accordion如何移除圆角？

当然可以移除。你之前尝试的CSS存在两个问题：一是语法错误（属性名应为border-bottom-left-radius而非border-bottom-left，且末尾括号未闭合）；二是仅针对了最后一个折叠状态的按钮，没有覆盖所有产生圆角的元素。

要完全移除所有圆角，需要覆盖以下关键元素的样式，将以下代码添加到Bootstrap CSS之后加载的自定义样式表中：

/* 移除第一个按钮的顶部圆角 */
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* 移除最后一个折叠按钮的底部圆角 */
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* 移除最后一个展开面板的底部圆角 */
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* 移除展开状态下按钮的底部圆角，避免与面板冲突 */
.accordion-button:not(.collapsed) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

如果你使用Bootstrap的Sass预编译版本，还可以直接修改全局变量来实现，更简洁：

$accordion-border-radius: 0;

内容的提问来源于stack exchange，提问作者Sebastian Johansson