如何更改下图中“expand-more”图标的颜色（Materialise framework）？

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>

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