Css 我如何在爱奥尼亚5中设计手风琴组？

我已经成功地在爱奥尼亚5号上制作了一个手风琴，而且在功能上它很有效。此外，我能够为每个项目内的元素设置样式（例如class=“smalltext”），但我无法对标题（即accordion组）应用任何样式（见图）。理想情况下，我想在收货和送货时使用不同的颜色。以下是我的代码的相关部分：

  <accordion *ngIf = "CurUser.Status == 'Verified'" [isAnimated]="true" [closeOthers]="true">
      <accordion-group *ngFor="let task of tasks" heading="{{ task.Type }}: {{ task.TrackingID }}">
      <ion-list>
        <ion-item *ngIf = "task.Type === 'Pickup'; then Pickup else Deliver" lines="none"></ion-item>
        <ng-template #Pickup>
          <ion-text>Pickup from: {{ task.PickupName }} by {{task.ETA }}</ion-text>
          <br>
          <ion-text color="primary" class="smalltext">{{ task.PickupAddressLine1 }} {{ task.PickupAddressLine2 }} {{ task.PickupPostalCode}}</ion-text>
          <ion-item detail>
 <!-- etc... -->
        </ng-template>
        <ng-template #Deliver>
          <ion-text>Deliver to: {{ task.ConsigneeName }} by {{task.ETA}}</ion-text>
<!-- etc... -->
      </ng-template>
    </accordion-group>
  </accordion>

---

感谢您的帮助。

请通过

import { AccordionModule } from 'ngx-bootstrap/accordion';