How can I make a checkbox with a Width & Height of 16px?

You can disable default checkbox appearance with appearance property in css and after that style it any way you like with borders, background-images and etc.

Up vote 1 down vote favorite share g+ share fb share tw.

I want to have a large checkbox with a width of 16px and a height of 16px. I don't want to have to use a JavaScript plugin. Can this be done with modern CSS?

Html css html5 css3 link|improve this question edited Oct 22 '11 at 3:37Sparky6726,8293725 asked Oct 22 '11 at 1:02AnApprentice5,856446165 70% accept rate.

Pure CSS: inputtype=checkbox { width: 16px; height: 16px } – Marc B Oct 22 '11 at 3:52.

You can disable default checkbox appearance with appearance property in css and after that style it any way you like with borders, background-images and etc: -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; To style hover and checked statuses use: :hover, :checked and :hover:checked pseudoclasses. Another way is to use transform property to enlarge it: -webkit-transform: scale(1.6,1.6); -moz-transform: scale(1.6,1.6); -o-transform: scale(1.6,1.6).

The first link is specifically for Wufoo forms. And it should be noted that some browsers (Explorer less than 9) will not be able to utilize the techniques in your second link. – Sparky672 Oct 22 '11 at 1:30 I assumed we can't use the words modern CSS and IE together :) and wufoo still produces HTML including checkbox elements so the technique applies regardless.

– Moin Zaman Oct 22 '11 at 3:22 Just thought I'd point it out if it wasn't obvious to anyone. – Sparky672 Oct 22 '11 at 3:37.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.