javascript - 如何在Select2 4.0.6-rc.1 full中用js改变背景颜色

Question

我想通过 id -> background-color 更改特定的选择

我试过了

//CSS

.required-input {background-color :rgb(250, 255, 189)}


$(id).select2({
        data: data,
        width: '100%',
        placeholder: "Select an option",
        allowClear: true,
        containerCssClass : "required-input"
    })

Answer 1

您应该使用 background-color 属性作为内部 API 配置:在 Docs 中您可以看到 containerCss，您可以使用它导入您自己的 CSS 作为内联 CSS。您也可以使用 camleCase 添加多部分 CSS 属性。

$(id).select2({
    data: data,
    width: '100%',
    placeholder: "Select an option",
    allowClear: true,
    containerCssClass : "required-input",
    containerCss: { 'background-color': 'rgb(250, 255, 189) !important' }
})

或者:

$(id).select2({
    data: data,
    width: '100%',
    placeholder: "Select an option",
    allowClear: true,
    containerCssClass : "required-input",
    containerCss: { backgroundColor: 'rgb(250, 255, 189) !important' }
})

containerCss 接受object。