How can I change the color of glyphicon? The current color is showing in black, I want to change it to white.
I have tried to do it as :

```css
.glyphicon {
  color: white;
}
```

```html
<button class="nav-bar1"><span class="glyphicon glyphicon-cog"></span><p>Dashboard</p></button>
```

Also, I have cleaned my browser history but still it doesn't work, I am using Bootstrap-3.3.7. [click here](https://i.stack.imgur.com/WiQIH.png) to see my html in browser.