I have the following bootstrap HTML:
<div class='input-group'>
<input class='form-control' />
<span class='input-group-addon btn btn-primary'><i class='fa fa-chevron-down'></i></span>
</div>
The input-group-addon has a background-image set that is overriding the btn-primary image, so it shows as grey instead of my btn-primary color.
I thought this css would fix it:
.input-group .input-group-addon:not(.btn-primary) {
background-color: none;
}
but it doesn't seem to be working. When I look at the element in chrome, this style doesn't even show up.
What am I doing wrong and how can I get my button color to show up instead of the input-group-addon color?