Css Rails simple_form样式单选按钮，字体很棒

我正在使用simple_表单和Rail中的字体Awesome来创建我的表单。这里提供的显示了如何使用图像来代替单选按钮，但是我没有成功地应用带有字体awesome的图标，这有点不同

<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  %>

“水平”）do | like | like.label{fa_图标（“fa-smile-o”）+like.radio_按钮}end%>

我想设计单选按钮的样式，这样字体可怕的图标将替换复选框，并且选中时，它将显示颜色变化

这显示了如何使用HTML/CSS进行编码，但我不知道如何将其应用到简单的表单语法中。

您能试试这个吗：

<%= r.collection_radio_buttons( :status, [[0, 'Yes'] ,[1, 'No']], :first, :last,:item_wrapper_class => "horizontal with-font") %>

“带字体的水平字体”）%%>

它应该给你一个选择器来使用（

。with font

），其余的你可以像在小提琴中一样使用css…

你能试试这个吗：

<%= r.collection_radio_buttons( :status, [[0, 'Yes'] ,[1, 'No']], :first, :last,:item_wrapper_class => "horizontal with-font") %>

“带字体的水平字体”）%%>

---

它应该给你一个选择器来使用（

。with font

），剩下的你可以用css来做，就像在小提琴中一样…

simple\u表单生成通常的html代码。JSFIDLE中的代码应该工作简单，表单生成通常的html代码。JSFIDLE中的代码应该可以工作