DEV Community

Discussion on: Styling a checkbox with only CSS

Collapse
 
tim_dreipass_b998402cb44a profile image
Tim Dreipass

Hello Nathan,
thanks! Clear and simpel. Never heard about flex-shrink...

Do you have an explanation why I get shown 2 checkboxes on iOS-Devices? Fist ist appearance-stylend second by own css. So /display: none/ seems to be ignored. But also /-webkit-appearance: none/ doesn't work.
This happens not in OS X or WIN PCs only iOS (iPad, iPhone)...

Best regards
Tim

Thread Thread
 
kallmanation profile image
Nathan Kallman

Tim, I'm not sure; there must be some vendor specific style to hide the checkbox on iOS/Safari. I don't have an iOS device to test this on; if you do have a solution I'd love to incorporate it into this example for everyone to learn from.

Thread Thread
 
tim_dreipass_b998402cb44a profile image
Tim Dreipass

If I get your example run (without span-tag), I'll surely find a solution and will let you know.