1

我有

<%= f.input :user_type, :label_html => { :class => 'option_label_name' }, :label => "User Type" ,:collection => [["Master"], ["HO Administrator"], ["Practice Manager"], ["Branch Administrator"], ["Consultant"]], :include_blank => false %>
</div>

这将创建一个包含许多选项的列表，所有这些都很好，但我想知道是否有任何方法可以仅为集合元素提供 CSS 样式类...

与当前形式一样，样式仅提供给标签，而不提供给选项...

我找到了一种解决方案……它不是我要寻找的解决方案，但这确实有效……

<div id="innerblock_left">
<%= f.label :user_type, :class =>"label_name", :label => "User Type" %>
<select class="style2">
<option value="1">Master</option>
<option value="2">HO Administrator</option>
<option value="3">Practice Manager</option>
<option value="4">Branch Administrator</option>
<option value="5">Consultant</option>
</select>
</div>

尽管如果有人知道如何为简单的表单集合元素提供样式，那就太好了……

谢谢你的阅读。。

4

1 回答 1

0

0只是一个简单的解决方案：

在您的表单助手中，定义集合：

def list
  [["Master",:class => "d_1"], ["HO Administrator",:class => "d_2"], ["Practice Manager",:class => "d_0"],["Branch Administrator",:class => "d_2"], ["Consultant",:class => "d_2"]]
end

以您的形式：

<%= f.input :user_type, :label_html => { :class => 'option_label_name' }, :label => "User Type" ,:collection => list, :include_blank => false %>

并在您的资产中添加一些 CSS 技巧：

.d_0 {
  font-weight: bold; }
.d_1{
  font-style: italic;
  text-decoration: underline;
  padding-left: 10px;}
.d_2 {
  font-style: italic;
  padding-left: 20px;}
于 2012-08-19T08:30:58.707 回答