Html 是否有方法更改Materializecss Select中文本和箭头的颜色？

仅尝试将文本和箭头设置为白色：

代码如下：

<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>

全部的
购买
卖
一边

应用于输入、下拉列表和图标的实际样式如下所示：

对于图标：

.select-wrapper .caret {

    fill: firebrick;
}

对于下拉列表内容：

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

对于所选项目颜色：

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

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

---

正在运行的演示。

我相信箭头是一个SVG元素，不是吗？