我正在使用simple_form和Rail中的Font-Awesome来创建表单。这里提供的answer显示了如何使用图像代替单选按钮,但我没有成功应用带有字体功能的图标,这有点不同。
<i class="fa fa-smile-o"></i>
我的代码
<%= r.collection_radio_buttons( :status, [[0, 'Yes'] ,[1, 'No']], :first, :last,:item_wrapper_class => "horizontal") do |like| like.label { fa_icon ("fa-smile-o") + like.radio_button} end %>
我想设置单选按钮的样式,以便字体真棒图标替换复选框,选中后,它应显示颜色变化。
这个Jsfiddle显示了如何在HTML / CSS中编码,但我不知道如何将其应用于simple_form语法。
答案 0 :(得分:0)
你可以试试这个:
<%= r.collection_radio_buttons( :status, [[0, 'Yes'] ,[1, 'No']], :first, :last,:item_wrapper_class => "horizontal with-font") %>
它应该给你一个选择器来使用(.with-font
),你可以用css做的其余部分就像小提琴......