select2：有没有一种方法可以将类从选项传播到列表中显示的项目？

Question

In my scenario, I'm preloading a select with several options and I was wondering if there's any way to add a class to the li that get generated by the control so that I can change its styles. Here's the code I'm using on the server side to generate the select (ASP.NET MVC):

<select id="areas" name="areas" class="form-control" multiple="multiple">
    @foreach (var area in Model.AreasAssociadas) {
        <option value="@area.IdArea" selected="selected" @Html.Raw(area.Active ? "" : "class='disabled'")>@area.Nome</option>
    }
</select>

Now, I'd like to change the default UI, but only for those items that are disabled (ie, for all the items where the Active property returns false). Btw, I want to add a style so that I can get something like this:

Can this be done?

Answer 1

Since it seems like there's not a property or event to handle this, I've ended up adding codes for changing the dom on the fly. not the best option, but gets the work done...