I have designed a web page for mobile/tablet. when i open it in mobile/tablet browsers the checkbox are looks small and difficult identify whether it is checked or not. I have tried with css. but no use.
How can we increase size of checkbox for mobile/tablet browser web pages? else is there any solution for that?
For example: cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; border-radius: 10px; The last line (border-radius: 10px) will give you a checkbox with rounded corners.
Method 1: The checkbox size can be set by using height and width property. The height property sets the height of checkbox and width property sets the width of the checkbox.
Use the accent-color property to change the checkbox color in CSS.
try:
<input type="checkbox" style="min-height:80px;min-width:80px;">
the "min-" statement is your friend ;-)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With