Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to increase checkbox size in mobile or tablet browser based web pages?

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?

like image 322
Pavan Kumar Avatar asked Feb 16 '13 11:02

Pavan Kumar


People also ask

How do you give a border radius to a checkbox?

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.

How do I increase the size of my check box?

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.

How do I change the color of a checkbox in CSS?

Use the accent-color property to change the checkbox color in CSS.


1 Answers

try:

<input type="checkbox" style="min-height:80px;min-width:80px;">

the "min-" statement is your friend ;-)

like image 60
Martin Köll Avatar answered Oct 12 '22 23:10

Martin Köll