禁用时更改所选插件的文本颜色答案

【问题标题】：Change text color of Chosen plugin when it is disabled禁用时更改所选插件的文本颜色
【发布时间】：2020-05-08 07:35:34
【问题描述】：

当所选控件 (https://harvesthq.github.io/chosen/) 被禁用时，文本为灰色。怎么改成黑色？

我的例子：

                <select class="form-control chosen-select" id="purposeName" data-placeholder="  Purpose(s)..." 
                multiple required data-parsley-errors-container="#purposeError" name="myPurposes">
                    <option value="Email" selected="selected">Email</option>
                    <option value="Travel arrangements">Travel arrangements</option>
                    <option value="Online banking">Online banking</option>
                    <option value="Online shopping" selected="selected">Online shopping</option>
                </select>   

<script>
    $('#purposeName').prop('disabled', true);
    $('#purposeName').trigger('chosen:updated');
</script>

我试过这个 css 但不起作用：

.chosen-container{
  width: 100% !important;
}

.chosen-container-multi .chosen-choices {
    min-height: 35px !important;
    border: 1px solid #CCCCCC;      
}   

.chosen-container-multi:disabled {
  color: black;
}

.chosen-container-multi .chosen-choices:disabled+label {
  color: black!important;
}

【问题讨论】：

标签： javascript html css jquery-chosen

【解决方案1】：

如果您的黑色不起作用，我将只使用 color: hsl(0,0%,0%) 或使用十六进制代码 #000000 表示黑色，但如果您想控制它的暗度，它只是 hsl 但如果不使用他们的十六进制代码。

【讨论】：