选择选项时引导选择背景颜色答案

【问题标题】：Bootstrap-select background color when an option is selected选择选项时引导选择背景颜色
【发布时间】：2021-05-24 08:23:08
【问题描述】：

在我的 SELECT 中，当我选择一个选项时，只有内部部分变为黄色。我希望整个选择字段变为黄色。

这是我的代码：

.bootstrap-select.btn-group .dropdown-toggle:not([title=""]) .filter-option {
      background-color: yellow !important;
}

<select class="selectpicker form-control" data-size="40px" data-width="210px" 
    style="height: 80px" data-live-search="true" data-none-Selected-Text="" 
    data-hide-disabled="true" data-container="body" name="mittente_nucleo" 
    id="mittente_nucleo">
    <option></option>
    <option>1</option>
    <option>2</option>
</select>

JSFiddle

【问题讨论】：

标签： bootstrap-select

【解决方案1】：

您可以使用 jQuery 事件更改背景颜色

$('#mittente_nucleo').on('change', function(){
           var selected = $('#mittente_nucleo option:selected').val();
           var element = $('button[data-id="mittente_nucleo"]');
           element.css("background-color", "yellow");
});

JSFiddle https://jsfiddle.net/yrtd7oa4/

【讨论】：

完美！谢谢