如何改变Materialize多选复选框的颜色？

Question

如何改变Materialize多选复选框的茶色？

我能够改变选项的颜色。

ul.dropdown-content.select-dropdown li span {
    color: #E63594; 
}

和标题选择的颜色。

.select-dropdown{
    color: red;
}

谢谢

Answer 1

对于复选标记，使用。

[type="checkbox"]:checked+span:not(.lever):before {

    border-right: 2px solid firebrick !important;
    border-bottom: 2px solid firebrick !important;

}

 document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('select');
    var instances = M.FormSelect.init(elems,{
    isMultiple:true});
  });

[type="checkbox"]:checked+span:not(.lever):before {

    border-right: 2px solid firebrick !important;
    border-bottom: 2px solid firebrick !important;
  
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>


 <div class="input-field col s12">
    <select multiple>
      <option value="" disabled selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Multiple Select</label>
  </div>