jquery - 如何增加复选框平均高度和宽度的大小？

Question

你能告诉我如何增加复选框平均高度和宽度的大小吗？

我是这样用的，但尺寸仍然没有增加相同的尺寸..

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

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

Answer 1

这样做：

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;
    }

Answer 2

由于这些复选框不可自定义。您必须使用一些外部方法

我认为这可能有助于您自定义复选框和单选按钮

<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;
}

看演示