Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is there a way to adjust the dimension of an <input type="checkbox" />
I already tried it using style="width:30px; height:50px;" approach, but it didn’t work.
Any ideas? Is this even possible?
No, i don’t think there’s a way of doing it by only using html / css.
You could just make an overlay (div) which is positioned right over the checkbox and makes it visible. Using this overlay you could add an own checkbox graphic and change it’s image (=it’s visible value) whenever the user clicks on the image. Furhtermore you’ll then have to update the real checkbox’s value manually to assure that the form can be send containing the checkbox’s form value.
This technique is often used by RIA frameworks like QooxDoo, ExtJS, etc.
here you’ll find a really nice example of how to use the described technique.