如何设置简单表单 f.association check_boxes 元素的样式？

如何解决如何设置简单表单 f.association check_boxes 元素的样式？

我正在尝试设计一个简单的测验。我使用的图像应该是复选框的背景，value.name 应该在顶部（作为标题），value.description 作为下面的文本。现在，一切显然都彼此相邻显示。我想不出改变它的方法。

  <%= simple_form_for @user_value,:method => 'post' do |f| %>
    <%= f.error_notification %>
    <%= f.error_notification message: f.object.errors[:base].to_sentence if f.object.errors[:base].present? %>
    <div class="form-inputs">
      <%= f.association :value,label_method: lambda { |value| image_tag(cl_image_path value.photo.key) + "#{value.name} -  #{value.description}"},:label => "Select at least 10 values",as: :check_Boxes,input_html: { class: "value-selector" },item_wrapper_class: 'value-item'%>
    </div>
    <div class="form-actions">
      <%= f.button :submit,"Continue" %>
    </div>
  <% end %>