帶有font-awesome的Rails simple_form樣式單選按鈕

Question

我在Rail中使用simple_form和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語法。

Answer 1

你可以嘗試一下：

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

它應該給您一個選擇器來使用（ .with-font ），其余的您可以像使用小提琴一樣使用css ...