如何增加复选框的大小意味着高度和宽度?

时间:2013-10-09 06:54:13

标签: jquery css

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

我曾经这样使用但是尺寸不会增加相同尺寸..

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

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

2 个答案:

答案 0 :(得分:4)

这样做:

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

答案 1 :(得分:1)

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

我认为这可能是你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