Css стиль не применяется к li в кнопке раскрывающегося списка кендо - PullRequest
Новая
       106

Css стиль не применяется к li в кнопке раскрывающегося списка кендо

0 голосов
/ 06 августа 2020

Я пытаюсь установить цвет фона для выпадающего списка кнопок кендо. Я думал установить его как k-item: active, однако, когда я перехожу к тому маршруту, который содержится в кендо, он не отображается как активный, а скорее показывает первый элемент как активный (с указанием c цвет, который я установил)

li, сгенерированный Kendo, имеет класс k-item, поэтому мой s css будет таким: 

.k-item {
  &:hover,
  &:focus,
  &:active
  {
    background-color: black !important;
    color: white !important;
  }
}

См. Прикрепленный

enter image description here

<kendo-dropdownbutton
        class="nav-more"
        [data]="fitNavItems"
        (itemClick)="dropdownNavigator($event)">
          More
          <ng-template kendoDropDownButtonItemTemplate let-dataItem>
            <span *ngIf="dataItem.icon">
              <k-icon [icon]="{type: dataItem.icon?.icon.type , name: dataItem.icon?.icon.name}"></k-icon>
            </span>
            <span *ngIf="dataItem">{{dataItem?.label}}</span>
          </ng-template>
        </kendo-dropdownbutton>
...