如何更改下图中 "expand-more" 图标的颜色（Materialize 框架）？

Question

我无法使用 class .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>

The icon that I want to change is the red color circle highlighted

提前致谢！！

Answer 1

您在使用 Materialize's Select component 吗？

如果是这样，试试这个：

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