CODEWITHSUNDEEP
csstwitter-bootstrapcheckbox
Developer
Developer

Reputation: 6243

How to change Flat UI checkbox background color

I am trying to figure out the css class to overwrite the default checkbox style in Flat UI, but even after i spend 4 hours, i cannot able to figure out the css class which is responsible for the checkbox design.

I want to overwrite the default green background to white and green tick mark to black , in which class i have to do this?. Please help me.

Upvotes: 1

Views: 1381

Answers (3)

Oldenborg
Oldenborg

Reputation: 936

I know this is an old post, but I was looking for this my self, and I found the answer.

Because the checkboxes actually characters from a font" you can change the color of the fonts using the color property like so

.checkbox input.custom-checkbox[type="checkbox"]:checked + .icons .icon-checked,
.radio input.custom-checkbox[type="checkbox"]:checked + .icons .icon-checked,
.checkbox input.custom-radio[type="radio"]:checked + .icons .icon-checked,
.radio input.custom-radio[type="radio"]:checked + .icons .icon-checked {
  color:#BAFF00;
}

Upvotes: 2

specialuser
specialuser

Reputation: 5

hey just use the same class to over right the design. but your css must be below the falt ui and bootstrap css.

Upvotes: 0

meck373
meck373

Reputation: 1124

Maybe try something like:

.radio, 
.checkbox 
{
    background: green !important; 
}

Upvotes: 0

Related Questions