Блог

Я использую angular 7 и панель расширения material в своем проекте. В css я изменил цвет заголовка как при наведении, так и без него. Когда я разворачиваю панель, наведение работает, но когда я оставляю заголовок, он теряет цвет.

перед

и после

css

 .mat-expansion-panel-header::after {
    padding: 10;
    background-color:#E03616;
    color:white;
    text-align: left;
  }

  .mat-expansion-panel-header {
    padding: 10;
    background-color:#E03616;
    color:white;
    text-align: left;
  }

  .disable_ripple:hover{
    background: #E03616 !important;
    }
  

HTML

 <mat-expansion-panel>
      <mat-expansion-panel-header class='disable_ripple .disable_ripple_a'>
        Test Exams
      </mat-expansion-panel-header>

      <div *ngFor='let c of noCases; let j = index' style="padding:1em;" class="main-div">
          <button mat-raised-button (click)='examselected(c.examid)' color='primary'>Exam {{j 1}}</button>
      </div>

    </mat-expansion-panel>
  

Спасибо