Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 悬停时,更改ng select中项目的背景色_Angular_Angular Ngselect - Fatal编程技术网

Angular 悬停时,更改ng select中项目的背景色

Angular 悬停时,更改ng select中项目的背景色,angular,angular-ngselect,Angular,Angular Ngselect,我有一个angular应用程序,其中使用了ng select。将鼠标悬停在下拉列表中的某个项目上时,我想更改该值的背景色。我怎样才能做到这一点? 以下是我的选择: <ng-select [items]="filters.areaOfExpertises" placeholder="Area of Expertise" (clear)="clearAOE()" bindLabel="d

我有一个angular应用程序,其中使用了ng select。将鼠标悬停在下拉列表中的某个项目上时,我想更改该值的背景色。我怎样才能做到这一点? 以下是我的选择:

<ng-select [items]="filters.areaOfExpertises" placeholder="Area of Expertise" (clear)="clearAOE()"
                   bindLabel="displayName" [(ngModel)]="filterBy.areaOfExpertise" (change)="onAOESelected($event)">
          <ng-template ng-option-tmp let-item="item" let-search="searchTerm">
            <span class='display-name option-highlight' [ngOptionHighlight]="search" [title]="item.displayName">
              {{item.displayName}}
            </span>
          </ng-template>
        </ng-select>

{{item.displayName}
我尝试过以下几种方法:

  • 这不起作用

    .ng下拉面板.ng下拉面板项目.ng-option.ng-option-marked{ 背景色:#0E5981; }

  • 这不起作用

    .显示名称::ng deep.ng-option.ng-option-marked{ 背景色:#0E5981; 颜色:白色; }

  • 这并没有像预期的那样起作用。我可以看到悬停的颜色,但不是我想要的。查看快照。我希望整行都是彩色的,而不仅仅是文本背景

    .显示名称:悬停{ 背景色:#0E5981; 颜色:白色; }


  • 我能够按如下方式实现此功能:

    ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: #0E5981; }