Changing the text color of a Bootstrap dropdown item

Question

I'm trying to change the color of a dropdown menu's elements. The dropdown is made with the following HTML: ```

``` I've erased the IDs for easy reading. I made a CSS class like the following: ``` .white-text { color: #FFFFFF; !important } ``` I thought the `!important` would automatically make the Okay into white, but it's still black. I looked at the enclosed `

...

` element with `white-text` under Chrome's developer console and it seems that `.dropdown-menu a` is the class i…

Accepted Answer

The semi-colon goes after the !important, otherwise it won't be included in that property (CSS doesn't deal with white space/returns).

Correct use:

```
.dropdown-menu a{
    color: #FFFFFF !important;
}
```

http://css-tricks.com/when-using-important-is-the-right-choice/

Changing the text color of a Bootstrap dropdown item

Solution

Problem