как изменить цвет фона с помощью js в Select2 4.0.6-rc.1 full

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: в Документах вы можете увидеть 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.