GridView, how to make the checkbox of CheckboxColumn bigger?

Problem solved:

use:

input[type="checkbox"]{

[size="2"] transform:scale(4,4);[/size]

}

for GridView [color=#333333]»[/color] CheckBoxColumn to make checkbox big enough on mobile phone.

===========================================On the mobile phone are the checkboxs to small to click.

The

input[type="checkbox"]{

  transform:scale(2, 2);

}

[size="2"]works only on the desktop but mobile phone.[/size]

The

input[type="checkbox"]{

  margin: 0px;


  padding: 0px;

}

didn’t work at all.

It would be enough if the margin and padding to the table border could be set to 0.

Thanks in advance.

Peng

use a label and style with css here is an example

Thanks. I wouldn’t work, because each checkbox needs a id to get a label.


It works fine now with:

input[type="checkbox"]{

[size="2"] transform:scale(4,4);[/size]

}