如何更改引导选择中的背景颜色选项？

【问题标题】：How to change background-color option in bootstrap-select?如何更改引导选择中的背景颜色选项？
【发布时间】：2017-02-01 08:42:07
【问题描述】：

我正在使用 bootstrap-select（来自 Silvio Moreto）。我想更改列表项的背景颜色和字体颜色。默认是：

我想要类似的东西：

我试过了，但没有任何改变：

.bootstrap-select.btn-group .dropdown-menu li:hover{
      background-color: rgb(191, 82, 121);
      color: white;
}

有什么想法吗？

【问题讨论】：

http://stackoverflow.com/questions/11304430/custom-styling-for-bootstrap-select
因为我使用的是 bootstrap-select 库，所以你的技巧不起作用，但下次它可能会非常有趣！

标签： css bootstrap-select

【解决方案1】：

如果没有演示或现场直播，我唯一的猜测是要么在背景颜色上使用“！important”，要么检查你的 css 选择器是否正确。如果更改轮廓或边框会发生什么？如果什么都没发生，我会认为您的选择器是错误的，或者您的 css 甚至不包括在内。

【讨论】：

你是对的，我的选择器错了，我还需要在
之后得到

【解决方案2】：

我回答了我自己的问题：

 .bootstrap-select.btn-group .dropdown-menu li a:hover {
     color: whitesmoke !important;
     background: #bf5279 !important;
 }

谢谢 ;-) ！

【讨论】：

我错误地搜索了 bootstrap-select 而是想要 ajax-autocomplete。如果有人对 ajax-autocomplete 感兴趣，那就是.ui-menu .ui-menu-item-wrapper:hover

【解决方案3】：

我已经用这样的方式改变了所有这些：

button[data-toggle="dropdown"].btn-default,
button[data-toggle="dropdown"]:hover {
background-color: white !important;
color: #2c3e50 !important;
border: 2px solid #dce4ec;
}

【讨论】：