如何增加複選框平均高度和寬度的大小？

Question

可以請你告訴我如何增加複選框平均高度和寬度的大小。

我用這樣的，但還是大小不增加大小相同..

<input name="" type="checkbox" value="" class="big"> 

input.big { 
     height: 15em; 
     width: 15em; 
    } 

Answer 1

由於這些複選框不customizable.you必須使用一些外部方法

我想這可能HEPLücustomizable checkbox and radio button

<p> 
    <input type="radio" value="male" id="male" name="gender" /> 
    <label for="male">Male</label> 
</p> 

CSS：

p:not(#foo) > input + label { 
    background: url(gr_custom-inputs.png) 0 -1px no-repeat; 
    height: 16px; 
    padding: 0 0 0 18px; 
} 

見Demo

Answer 2

這樣做：

input[type=checkbox] 
    { 
     /* Double-sized Checkboxes */ 
     -ms-transform: scale(2); /* IE */ 
     -moz-transform: scale(2); /* FF */ 
     -webkit-transform: scale(2); /* Safari and Chrome */ 
     -o-transform: scale(2); /* Opera */ 
     padding: 10px; 
    } 
    input.big {   
     font-size: 110%; 
     display: inline; 
    }