将样式/类分配给cakePHP中复选框的标签

时间:2011-10-06 21:31:43

标签: cakephp

我有一组由cakePHP表单生成的复选框

echo $form->input('Interest.interest_id', array('label' => __l('Interests'), 'multiple' => 'checkbox'));

有一个名为Interests的主标签,然后是生成的每个复选框的标签,如何将单独的类样式应用于复选框的标签?

<label for="InterestInterestId">Interests</label>
<input type="hidden" value="" name="data[Interest][interest_id]">
<div class="checkbox">
<input id="InterestInterestId8" type="checkbox" value="8" name="data[Interest][interest_id][]">
<label for="InterestInterestId8">Label of Checkbox</label>
</div>

我的主要目标是让复选框在标签的内侧很好地显示,但由于其他样式,它不会像默认显示那样显示

1 个答案:

答案 0 :(得分:1)

我发现您可以将复选框标签的样式区分为:

.checkbox input[type="checkbox"] {
    display: inline;
}
.checkbox label {
    display: inline;
}

这对我有用,但我不知道你对于这个标签可能继承的另一个标签有什么CSS。这是工作代码:

http://jsfiddle.net/XBXVs/