Adding Custom Scss into ng-select (change dropdownlist text color)

Question

I tried change text color of dropdown list. It didnot workour. Please help me out,. I am using angular version 12. This is my component template

<ng-select [items]="dropdownList" bindLabel="name" bindValue="id"
        [(ngModel)]="selectedItems"  class="custom"
          (change)="updateObj($event)">
        </ng-select>

Anyhelp Appreciable,..

score 0 · Answer 1 · edited Dec 21 '21 at 15:19

0

Add selector for your custom class in .css file of that component with !important flag. (green as example)

.custom { color: green !important; }

Useful link (potential duplicate) --> Angular mat-select text color doesn't change

edited Dec 21 '21 at 15:19

Dharman

30,962
25
85
135

answered Dec 21 '21 at 15:14

Chaka15

1,105
1
8
24

thank you so much. but it did not workout for dropdown list. – Viji Lakshmi Dec 22 '21 at 03:34
I want to add custom style for following tag, ng-select, .ng-select div, .ng-select input, .ng-select span{ color:blue; } , My every attempt was defeated ,...... – Viji Lakshmi Dec 22 '21 at 11:57

Adding Custom Scss into ng-select (change dropdownlist text color)

1 Answers1