如何使用PrimeNG删除手风琴面板标题上的箭头图标？

Question

我只想使用PrimeNG从手风琴面板标题中删除箭头图标。有谁知道如何做到这一点？

代码：

<p-accordion>
  <p-accordionTab header="Godfather I">
   Content 1
 </p-accordionTab>
 <p-accordionTab header="Godfather II">
    Content 2
 </p-accordionTab>
 <p-accordionTab header="Godfather III">
    Content 3    
 </p-accordionTab>

这是一张图片：

Answer 1

给你的p-accordion styleClass="someStyleClass"然后转到你的根styles并添加以下内容：

.someStyleClass.ui-accordion .ui-accordion-header span.fa {
  display: none;
}

或者如果您使用SCSS

.someStyleClass.ui-accordion {
  .ui-accordion-header {
    span.fa {
      display: none;
    }
  }
}

编辑：这是我个人可以想到的最简单的解决方案，它不会弄乱源代码。