时间戳

首页 > 解决方案 > 禁用时更改所选插件的文本颜色

javascript - 禁用时更改所选插件的文本颜色

问题描述

当所选控件 ( 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;
}

标签： javascripthtmlcssjquery-chosen

解决方案

我只会使用 color: hsl(0,0%,0%) 如果你的黑色不起作用或使用十六进制代码 #000000 作为黑色但是如果你想控制它的黑暗程度只是 hsl 但如果不使用十六进制代码他们那些。

推荐阅读