有没有办法更改 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&nbsp;.caret&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;fill:&nbsp;firebrick; }对于下拉内容：.dropdown-content&nbsp;li&nbsp;span&nbsp;{&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;firebrick;&nbsp;&nbsp;&nbsp; }对于所选项目颜色：.dropdown-content&nbsp;li&nbsp;span&nbsp;{&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;firebrick;&nbsp;&nbsp;&nbsp; }显然将耐火砖更改为您想要的颜色。旁注，Materializecss 隐藏了原始的 select 元素，并创建了一个带有内置下拉菜单的新元素 - 因此上面的样式（.dropdown-content 和 .select-wrapper）是动态生成的，因此如果您正在寻找样式，则有点难以设置样式按原始标记。工作演示在这里。