Угловая панель расширения материала теряет фон при расширении - PullRequest
Новая
       11

Угловая панель расширения материала теряет фон при расширении

0 голосов
/ 22 апреля 2019

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

до

enter image description here

и после

enter image description here

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>

Спасибо

...