CODEWITHSUNDEEP
htmlcssmobilecheckboxresponsive-design
阳光Emi
阳光Emi

Reputation: 143

why does my checkbox in IOS turn out to be like this

I use Responsive Web design to turn my page into mobile layout, but something weird happens,, why the style of checkbox in IOS changes like that, the checkbox border disappear, and the check symbol is hollow. please see the attachment.

The first image is the screenshot of Chrome
The first image is the screenshot of iphone4

What should I do to make the checkbox in IOS as same as normal checkbox?

chrome checkbox

ios checkbox

Upvotes: 0

Views: 1290

Answers (1)

Erik Funkenbusch
Erik Funkenbusch

Reputation: 93444

In general, you shouldn't. Each browser and OS can style their controls differently. This is not a part of the HTML standard.

MacOS also styles their checkboxes different, as does Linux.

Why do you feel the need to change the way the checkboxes are styled? Users of that platform are used to the checkboxes looking the way that OS makes them. If you style them differently, then users will find this odd.

Upvotes: 2

Related Questions