Question

我正在使用这种css样式来在智能手机上使用复选框，所以它们看起来比用户更大。

    input[type="checkbox"] 
    {
    display:none;
    }
input[type="checkbox"] + label span 
    {
    display:inline-block;
    width:26px;
    height:26px;
    margin:0px 0px 0 5px;
    vertical-align:middle;
    background:url(images/checkbox1.png) left top no-repeat;
    cursor:pointer;
    }
input[type="checkbox"]:checked + label span 
    {
    background:url(images/checkbox2.png) left top no-repeat;
    }

和HTML

<input type="Checkbox" id="c_1">
<label for="c_1"><span></span></label>

它会影响我网站上的所有复选框。但我需要在同一页面中使用“普通”chekboxes。我该怎么办？提前致谢

Answer 1

你必须将“普通”与其他复选框区别开来，这些复选框通常由css类完成。如果普通意味着“没有样式”，那么只需在自定义复选框中添加一个样式并调整您的CSS样式规则，只影响输入为您定义的类的复选框。

请参阅：http://jsfiddle.net/75p7cbgm/

input.cl[type="checkbox"] {
    width: 100px;
    height: 100px;
}

我可以为复选框使用两种不同的样式

1 个答案: