如何更改下图上"expand-more"图标的颜色(具体化框架)？

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>

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

提前感谢!!

Answer 1

您是否使用Materialize的选择组件?

如果是，试试这个:

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