Chrome loses checkbox from CSS update

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Chrome loses checkbox from CSS update

Post by simonmlewis »

Hi

I have added a CSS that enables a slider thing to work. I think it overrides some input fields.
Trouble is on, on Chrome, it completely makes the checkboxes disappear. And even if I set checkbox to be 1px solid #000000, all I get is a dot.

How do I force the browsers to show the checkboxes, specifically in Chrome?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Chrome loses checkbox from CSS update

Post by Celauran »

Sounds like a specificity issue. Right click, inspect element, see which styles are being applied and you'll find which is overriding your styling.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Chrome loses checkbox from CSS update

Post by simonmlewis »

I found it - the blasted code I use to stop SAfari turning buttons into circles, was killing that checkbox too. If I add the code just to that submit button, the checkbox comes back.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply