Есть ли способ изменить цвет текста и стрелки в Materialise css Select?

Question

Просто пытаюсь поместить текст и стрелку в белый цвет:

Вот код:

<div class="input-field col s12 white-text">
  <select class="white-text" id="selectSide">
    <option value="All" selected>All</option>
    <option value="Buy">Buy</option>
    <option value="Sell">Sell</option>
  </select>
  <label class="white-text">Side</label>
</div>

Answer 1

Фактические стили, применяемые для ввода, раскрывающегося списка и значка, следующие:

Для значка:

.select-wrapper .caret {

    fill: firebrick;
}

Для содержимого раскрывающегося списка:

.dropdown-content li span {  
    color: firebrick;   
}

Для выбранного цвета элемента:

.dropdown-content li span {  
    color: firebrick;   
}

Очевидно, поменяйте огнеупорный кирпич на нужный вам цвет. Примечание: Materialize css скрывает оригинальный элемент select и создает новый элемент со встроенным раскрывающимся списком - поэтому стили, описанные выше (.dropdown-content и .select-wrapper), генерируются динамически, и поэтому их немного сложно стилизовать, если вы Смотрим на оригинальную разметку.

Рабочая демоверсия здесь .