2015-11-27 59 views
1

我使用simple_form与字体 - 真棒在轨一起创建我的形式造型单选按钮。在这里提供的answer展示了如何使用图像代替单选按钮,但我已经与字体真棒该应用的图标是不成功的有点不同。Rails的simple_form与字体真棒

<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

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

回答

0

你可以试试这个:

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

它应该给你一个选择用(.with-font)工作,你可以用CSS做像小提琴休息...