CODEWITHSUNDEEP
csscheckboxradio-button
dannail
dannail

Reputation: 455

"webkit-appearance: checkbox" works improperly in iOS

I use attribute to style my radio buttons to make it look like checkbox. it works successfully on chrome, firefox, safari on window. but problem exists when the webpage was opened in Safari on iOS. The problem is that it still appear as checkbox, but they are round in shape like radiobutton. that means when you click it, it stills display a tick, but what wrapped the tick is a circle, not a square.

So how to fix this problem? any idea?

Upvotes: 0

Views: 2868

Answers (1)

JAB
JAB

Reputation: 21089

Below -webkit-appearance: checkbox;, put -webkit-border-radius: 5px; (or whatever other size you want for the kind of corners you desire).

Upvotes: 1

Related Questions