造型select_tag

Question

我無法找到任何方式改變在Rails select_tag列表

的字體樣式如果我試試這個：

<%= select_tag :weight_lbs, options_for_select([['0', 0],['1', 1],['2', 2],['3', 3],['4', 4],['5', 5],['6', 6],['7', 7],['8', 8],['9', 9],['10', 10],['11', 11],['12', 12],['13', 13]]), :class => 'formfield'%> 

然後我可以改變選擇框的寬度在我的CSS類但我不能改變任何東西 - 高度，字體大小和顏色，例如，都沒有影響

同樣，如果我嘗試在元級變化的風格，甚至從使用Rails文檔爲例

<%= select_tag 'testname', options_for_select(options_for_select([ "Denmark", ["USA", {:class => 'select'}], "Sweden" ]))%> 

class屬性對輸出沒有影響（在Mac上的Chrome & Safari瀏覽器來說，Rails 3.1）

所以，我怎樣才能改變在Rails select_tag內高度&文本樣式？

Answer 1

我的建議是檢查由Rails的生成頁面的源代碼。這將更容易理解HTML結構，以便選擇CSS文件中的元素。 擁有由Rails生成的HTML代碼，您的問題就與CSS有關。

您可以包括你選擇一個div裏面，例如：

<div class="myclass"> 
    <%= select_tag :weight_lbs, options_for_select([['0', 0],['1', 1],['2', 2],['3', 3],['4', 4],['5', 5],['6', 6],['7', 7],['8', 8],['9', 9],['10', 10],['11', 11],['12', 12],['13', 13]])%> 
</div> 

所以你的CSS：

.myclass select { 
    font: # whatever you want 
    ... 
} 

.myclass select option { 
    # in case you want to style the options of a select 
} 

ETC ...