如何设置collection_check_boxes元素的样式

Question

我在rails中通过collection_check_boxes有一组复选框。

问题是它们在一行和粗体文本中都是端到端的。

我想知道如何将每个元素放在自己的行上而不是粗体？

这是我的收藏：

<div> 
      <%= f.collection_check_boxes(:service_ids, Service.all, :id, :service_type) %>
    </div>

Answer 1

尝试以下方法：

<%= f.collection_check_boxes :service_ids, Service.all, :id, :service_type, {:item_wrapper_class => 'my_class_name'} %>

使用一些CSS：

.my_class_name {
  ...
}
.my_class_name input {
  ...
}
.my_class_name .collection_check_boxes {
  ...
}

使用您喜欢的任何类名。