如何更改Materializecss选择下拉列表中的文本颜色？

Question

我有一个Materializecss下拉选择如下:

      <form class="col s12">
        <select id="something" [ngModel]="_model.selectedPartyType"
            (ngModelChange)="onSelectChange($event)" name="partyTypeSelection"
            materialize="material_select" class="input-field col s12 m12 l4"
            >
           <optgroup *ngFor="let data of _model.codeTable.codeTokensG" [label]="data[0]">
             <option *ngFor="let cValue of data[1]" [value]="cValue">
               {{_model.codeTable.getCode(cValue).description}}
        </   option>
           </optgroup>
       </select>
      </form>

如何更改选项文本的默认蓝绿色？我试过添加

.dropdown-content li>span {
  color: #000 !important;
}

.dropdown-content li>a {
  color: #000 !important;
}

.select-content li>span {
  color: #000 !important;
}

.select-content li>a {
  color: #000 !important;
}

到我的css文件,但没有这个和变种运气.如果我在Chrome开发者工具中取消选择颜色属性

.dropdown-content li>span

是按照我的意愿.

我怎样才能改变颜色？

Answer 1

我今天遇到了同样的问题.这是我解决它的方式:

ul.dropdown-content.select-dropdown li span {
    color: #000; /* no need for !important :) */
}

Answer 2

这对我有用

/* Dropdown list color */

.dropdown-content li > a, .dropdown-content li > span {
    color: #fb8c00 !important;
}