Rails simple_form 使用 font-awesome 样式设置单选按钮答案

【问题标题】：Rails simple_form styling radio buttons with font-awesomeRails simple_form 使用 font-awesome 样式设置单选按钮
【发布时间】：2016-03-01 21:09:18
【问题描述】：

我在 Rail 中使用 simple_form 和 Font-Awesome 来创建我的表单。此处提供的answer 显示了如何使用图像代替单选按钮，但我未能成功应用带有 font-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  %>

我想设置单选按钮的样式，以便字体真棒图标替换复选框，并且在选中时，它应该显示颜色变化。

这个Jsfiddle 展示了如何做到这一点，它是用 HTML/CSS 编码的，但我不知道如何将它应用到 simple_form 语法。

【问题讨论】：

simple_form 生成通常的 html 代码。 jsfiddle 中的代码应该可以工作

标签： css ruby-on-rails radio-button simple-form

【解决方案1】：

你可以试试这个：

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

它应该为您提供一个选择器来使用 (.with-font)，其余的您可以像小提琴中那样使用 css...

【讨论】：