正在使用selectize，但我无法更改选项列表的颜色

Question

            <select name="user_id"  data-md-selectize data-md-selectize-bottom>
                <option style="color:red" value='1'>Okay</option>
              <option style="color:blue" value='2'>Okay</option>
                <option value='3'>Okay</option>
            </select>

我只想将选项中的文本颜色更改为红色。有帮助吗？

Answer 1

只需使用jquery挂一个事件处理程序，然后根据data-col值更改颜色 https://jsfiddle.net/b3m72saw/3/

<select id='test' name="user_id" data-md-selectize data-md-selectize-bottom>
  <option  data-col='red'value='1'>red</option>
  <option data-col="green" value='1'>green</option>
  <option data-col="yellow" value='1'>yellow</option>
  <option data-col="blue" value='1'>blue</option>
</select>

$('#test').click(function() {
  $(this).css('color', $(this).find(':selected').attr('data-col'));
  $(this).children().css('color','black');
});