有没有办法更改 Materializecss 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;   
}

显然将耐火砖更改为您想要的颜色。旁注，Materializecss 隐藏了原始的 select 元素，并创建了一个带有内置下拉菜单的新元素 - 因此上面的样式（.dropdown-content 和 .select-wrapper）是动态生成的，因此如果您正在寻找样式，则有点难以设置样式按原始标记。

工作演示在这里。