[英]How to add a label on the checkbox simple_form and style the label inline to the checkbox?
[英]How do I style the 'label' of each checkbox generated by Simple_Form?
这个:
<%= f.input :accomplished_goal, label: "Accomplished goal this week?", collection: ["Yes", "No"], as: :check_boxes, label_html: { class: 'checkbox inline' } %>
生产:
<div class="control-group check_boxes optional weekly_entry_accomplished_goal">
<label class="check_boxes optional control-label checkbox inline">Accomplished goal this week?</label>
<div class="controls">
<label class="checkbox">
<input class="check_boxes optional" id="weekly_entry_accomplished_goal_yes" name="weekly_entry[accomplished_goal][]" type="checkbox" value="Yes" />
Yes
</label>
<label class="checkbox">
<input class="check_boxes optional" id="weekly_entry_accomplished_goal_no" name="weekly_entry[accomplished_goal][]" type="checkbox" value="No" />
No
</label>
<input name="weekly_entry[accomplished_goal][]" type="hidden" value="" />
</div>
</div>
理想情况下,我想将样式inline
添加到内部label class="checkbox"
我怎么做?
我发现这是可行的:
<%= f.input :accomplished_goal, label: "Accomplished goal this week?", collection: ["Yes", "No"], as: :check_boxes, item_wrapper_class: 'inline' %>
即使用属性item_wrapper_class: 'inline'
将类inline
添加到内部<label class="checkbox inline">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.