使用font-awesome

时间:2015-11-27 16:10:53

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

我正在使用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语法。

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

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

它应该给你一个选择器来使用(.with-font),你可以用css做的其余部分就像小提琴......