如何从Bootstrap 5手风琴雪佛龙中删除图标动画？

Question

如何删除手风琴上的Bootstrap 5动画（箭头的旋转）？

Https：//getBootstrap.com/docs/5.0/components/accordion/

我尝试了一下：

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

和此：

.accordion-icon-transform {
 rotate(0deg)!important;
}

但似乎都没有起作用

您需要将其应用于伪元素，这就是添加和过渡的地方。

Answer 1

.accordion-button::after

.accordion-button::after {
  transform: none !important;
  transition: none !important;
}

这为我的React项目工作： 创建一个SCSS文件并添加以下代码：

$ ACCORAION-BUTTON-ICON：无;

Answer 2

@导入“ bootstrap/scss/bootstrap”;