在cakePHP中将样式/类指定给复选框的标签

在cakePHP中将样式/类指定给复选框的标签,cakephp,Cakephp,我有一组由cakePHP表单生成的简单复选框 echo $form->input('Interest.interest_id', array('label' => __l('Interests'), 'multiple' => 'checkbox')); 有一个称为兴趣的主标签,然后为生成的每个复选框添加一个标签,如何将单独的类样式应用于复选框的标签 片段 <label for="InterestInterestId">Interests</label>

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

echo $form->input('Interest.interest_id', array('label' => __l('Interests'), 'multiple' => 'checkbox'));
有一个称为兴趣的主标签,然后为生成的每个复选框添加一个标签,如何将单独的类样式应用于复选框的标签

片段

<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>
兴趣
复选框的标签

我的主要目标是使复选框在标签前面内联显示,但由于其他样式,它在默认情况下的显示方式不同,我发现您可以将复选框标签的样式区分为:

.checkbox input[type="checkbox"] {
    display: inline;
}
.checkbox label {
    display: inline;
}
这对我很有用,但我不知道这个标签继承的另一个标签的CSS是什么。以下是工作代码:


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

.checkbox input[type="checkbox"] {
    display: inline;
}
.checkbox label {
    display: inline;
}
这对我很有用,但我不知道这个标签继承的另一个标签的CSS是什么。以下是工作代码:


你能为两种标签都添加一段HTML吗?@Allen-我添加了一段HTML吗?你能为两种标签都添加一段HTML吗?@Allen-我添加了一段HTML,我该如何添加内联样式?我意识到默认情况下元素是内联的=)你也可以使用“float”。是的,它们是,但是页面使用的样式是display:block;这导致了问题,很遗憾,我无法删除该块,因此我需要覆盖它。如果可以在CSS选择器中包含更多的父元素,则可以覆盖继承的样式。你能发布执行“block”的css片段吗?我需要覆盖这个表单。normal div.login-left-block div.input label,div.login-right-block form.normal div.input label{display:block;位置:static;文本对齐:left;width:auto;}那么我该如何添加内联样式呢?我意识到元素在默认情况下是内联的=)您也可以使用“float”;这导致了问题,很遗憾,我无法删除该块,因此我需要覆盖它。如果可以在CSS选择器中包含更多的父元素,则可以覆盖继承的样式。你能发布执行“block”的css片段吗?我需要覆盖这个表单。normal div.login-left-block div.input label,div.login-right-block form.normal div.input label{display:block;位置:static;文本对齐:left;width:auto;}