css - 如何更改下图中“展开更多”图标的颜色（Materialize 框架）？

Question

我无法使用 .material-icons 类更改图像上突出显示的图标默认情况下是黑色，我想更改为白色这段代码：

            <div class="row">
              <div class="col s12 m5">
                <div class="row card-panel teal">
                    <div class="row">
                        <form class="col s12">
                            <div class="input-field col s12">
                                <select>
                                    <option>Manhã</option>
                                    <option>Noite</option>
                                    <option>Indiferente</option>
                                </select>
                                <label>Disponibilidade</label>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

我要更改的图标是突出显示的红色圆圈

提前致谢！！

Answer 1

您在使用Materialise 的 Select 组件吗？

如果是这样，试试这个：

.select-wrapper span.caret {
    color: #FFFFFF !important;
}