Bootstrap 3 - Change dropdown background colour

Question

I\'m quite new to Bootstrap, I\'ve set up a dropdown pill and played around with the colours.

What I\'d like to do is change the colour of the dropdown title pill after

Answer 1

This will change the background/text color of the active class (inc. focus):

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus {
    color: white;
    background-color: blue;
}

Answer 2

.nav>li>a:hover,.nav>li>a:visited {
     background-color: #222; /* add your desired color */
}

Answer 3

Use following css:

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
background-color: red;
}
.nav-tabs>li>a:hover {
background-color: red;
}

DEMO

Answer 4

You would override the hover, active and focus state of .nav-pills like this..

.nav-pills>li>a:hover {
    background-color: #FF6699;
}
.nav-pills .open>a, .nav-pills .open>a:active, .nav-pills .open>a:focus{
    background-color: #FF6699;
}

Demo