How to change color of opened Bootstrap dropdown toggle?

Question

When Dropdown is opened - I want to change default color of it. I want to change border color and background using css.

Answer 1

Here is your problem:

#original.menu .nav-pills .dropdown .open .dropdown-toggle {
    border: 1px solid blue;
}

#suggested.menu .nav-pills .dropdown .dropdown-toggle {
    border: 1px solid red;
}

http://jsfiddle.net/userdude/mjbN7/

.open doesn't exist in the element chain.

And here is your fiddle with the border (which had both the .open and no border-style or border-width to style):

http://jsfiddle.net/userdude/bdCMU/4/