Checkbox Size
-
Hello,
I am using the following CSS code to increase the size of the checkboxes.
input[type=”checkbox”]{
width:30px!important;
height:30px!important;
vertical-align:middle!important;
margin-left:12px!important;
}Chrome and Edge do display it increased as per code.
Firefox does not change checkbox’s size.
What property should I add for Firefox?
I have tried:
-moz-appearance: checkbox;
-webkit-appearance: checkbox;But, these do not fix the issue.
Thank you
-
Hello @jainilnagar,
I have changed the CSS code to this:
input[type="checkbox"]{ margin-left:18px!important; margin-right:20px!important; margin-bottom:10px!important; -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }Works best for all browsers, I guess.
-webkit-… // For Webkit browser(Chrome, Safari…)
-moz-… // For Mozilla browser
-o-… // For Opera browser
-ms-… // For Microsoft browser
none… // For all browser(Newest version)Thank you for your help!!
- The topic ‘Checkbox Size’ is closed to new replies.
