CODEWITHSUNDEEP
cssbootstrap-select
Cooxkie
Cooxkie

Reputation: 7380

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

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 ?

Upvotes: 4

Views: 49706

Answers (3)

marcaldo
marcaldo

Reputation: 69

I have changed all of them with something like this:

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

Upvotes: 2

Cooxkie
Cooxkie

Reputation: 7380

I answered my own question :

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

Thanks ;-) !

Upvotes: 11

Stefan Vilbrandt
Stefan Vilbrandt

Reputation: 292

Without a demo or live-site my only guesses would be to either use "!important" on background-color or check if your css selector ist right. What happens, if you change outline or border? If nothings happens, i would think, that your selector is wrong or your css isn´t even included.

Upvotes: 0

Related Questions