造型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 ...