Как изменить цвет первого элемента в списке в angular? - PullRequest
Новая
       0

Как изменить цвет первого элемента в списке в angular?

0 голосов
/ 06 апреля 2020

Я новичок в dev, и я пытаюсь изменить цвет первого элемента списка в условии ngFor. Позвольте мне представить вам мою проблему с изображениями.

По умолчанию я хотел бы, чтобы 1-й элемент серого цвета: Серый список

И другой элемент синим цветом, когда Я выбираю их. 1-й элемент должен всегда отображаться серым цветом, а другой - синим. Я хотел бы сделать это с кодом CSS. Окно списка открыто

Я искал некоторые решения как: 

select.mat-input-element:checked {
    color : blue;
  }

  select.mat-input-element:not(:checked) {
    color: grey;
  }

  select option:first-child {
   // color : grey;
  }

  select option:active {
    color : blue;
  }


  select option[value=Selection 1] {
    color :grey;
  }

  select option[value="Selection 1"] {
    color :grey;
  }

Но ничего не работает ... Можете ли вы помочь мне?

1 Ответ

0 голосов
/ 06 апреля 2020

Кажется, это работает, но я уверен, что вам лучше использовать настраиваемый выпадающий список с JS, если вы хотите сделать больше стилей. 

        #test {
            color: #00c;
        }
        
        #test option {
            color: #c00;
        }
        
        #test option:first-of-type {
            color: #fc0;
        }
 <body>
   <select id="test">
        <option value="1">
            first
        </option>
        <option value="2">second</option>
    </select>
 </body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...