如何更改 Materialize multiple select 复选框的颜色？

Question

如何更改 Materialize 多个 select 复选框的蓝绿色？

我可以更改选项的颜色：

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

以及headings/selections的颜色：

.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>

如何更改 Materialize multiple select 复选框的颜色？

How to change color of Materialize multiple select checkbox?

css

html-select

colors

css-selectors

materialize