How to change background-color option in bootstrap-select?

css bootstrap-select
Cooxkie picture Cooxkie · Sep 23, 2016 · Viewed 27.7k times · Source

I'm using bootstrap-select (from Silvio Moreto). I would like to change background-color and font color of list item. By default is :

enter image description here

And I would like something like :

enter image description here

I tried this, but nothing change :

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

Any idea ?

Answer

Cooxkie picture Cooxkie · Sep 23, 2016

I answered my own question :

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

Thanks ;-) !

Related questions

How to reset value of Bootstrap-select after button click

I am using Bootstrap-select plugin (https://silviomoreto.github.io/bootstrap-select/) for my dropdown select box. After I click a button, I want the box to refresh and the "selected" option to reset. This is the dropdown <select id="dataPicker" …

Read More
Bootstrap-Select width in form

I'm using Bootstrap v4 and bootstrap-select js/css (in ASP.NET MVC project) and I have a problem in my form. The select with multiple options from bootstrap-select is wider than the rest of my inputs, even though it's in …

Read More
Show title in Bootstrap-Select without empty element

In Bootstrap-Select, how can I prevent the first selected item from being shown in the title. Alternatively, how can I hide an empty first item from the list of drop down options In HTML, the <select> element will …

Read More