html - 在 Materialise 框架中更改复选框的颜色

Question

我目前正在使用 Materialize 框架，想知道是否可以更改已填充复选框的颜色，因为它默认为绿色。

<input type="checkbox" class="filled-in" id="filled-in-box" checked="checked" />
<label for="filled-in-box">Filled in</label>

如有任何想法，我们将不胜感激。谢谢

Answer 1

将一个类添加到复选框输入，它将为标签的后伪元素设置样式

.checkbox-orange[type="checkbox"].filled-in:checked + label:after{
     border: 2px solid #ff9800;
     background-color: #ff9800;
}

<input type="checkbox" class="filled-in checkbox-orange" id="filled-in-box" checked="checked" />
<label for="filled-in-box"></label>