如何在“Heapbox”插件上反映<select>禁用状态</select>

Question

如果禁用了select标签，有没有办法在heapbox html上应用一个类？

<select name="select-name" id="select-id" disabled>

Answer 1

不，你不能用css类覆盖禁用。 使用javascript更改禁用以启用。 $（＆＃39;＃select-id＆＃39;）。prop（＆＃39;禁用＆＃39;，false）;

Answer 2

由于Heapbox没有这样的功能，这就是我所做的：

$("select").each(function () {
    if($(this).is(':disabled')){
        $(this).wrapAll(" <div class='select--disabled'></div>");
    }
}); 
$('select').heapbox();

然后使用css：

.select--disabled .heapBox{
    cursor: default;   
    pointer-events: none;
}
.select--disabled .holder{
    /* Style for the disabled state */
    background-color: #404040;
    box-shadow: none;
    color: #5A5A5A;
}