如何更改 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

是如我所愿。

我怎样才能改变颜色？

原文由 Lars Nielsen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

jquery单行解决方案

 $(".dropdown-content>li>a").css("color", themeColor);

您可以将颜色动态更改为您选择的任何颜色

现场演示

请参阅 CodePen 上 Hitesh Sahu ( @hiteshsahu ) 的 Pen Materialize CSS Change Theme Color 。

原文由 Hitesh Sahu 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

适用于物化 css 版本 1.0.0

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

原文由 Dio Lantief Widoyoko 发布，翻译遵循 CC BY-SA 4.0 许可协议