Mariana Alfafar Mariana Alfafar -4 years ago 149
CSS Question

Black checkboxes on IOS browsers

I'm having trouble fixing one issue with checkbox on IOS browsers. I always get a black check icon with a black square around it (picture). This only happens on IOS browsers.

I'm using


-webkit-appearance: none;
-moz-appearance: none;
appearance: none;


Any ideas?
Anyone had the same problem?

enter image description here

Answer Source

I tried several ways to fix it, but in the end I tried one simple thing and it worked... I change the SVG that I was using. Just added white background on the SVG image and it worked!

Thanks for the help anyways :)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download