How can I check the box with a width and height of 16 pixels?

Question

I want to have a big flag with width 16pxand height 16px. I do not want to use the JavaScript plugin. Can this be done using modern CSS?

Answer 1

You can disable the appearance of the default checkbox using the appearance property in css and after that style use it in any way using borders, background images, etc .:

-webkit-appearance: none; 
-moz-appearance: none; 
-o-appearance: none;

For hover style and marked statuses to use :: hover ,: checked and: hover: pseudo-classes are checked.

Another way is to use the transform property to increase it:

-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);

Answer 2

.

http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/

http://www.thecssninja.com/css/custom-inputs-using-css