时间戳

首页 > 解决方案 > 无法在简单形式选择中添加 css 类

css - 无法在简单形式选择中添加 css 类

问题描述

我正在尝试以简单的形式为选择字段添加 CSS，但它不适用。我尝试了以下方法，

= f.select :user_types, options_for_select([['Type', ''], ['College', 'admin'], ['Student', 'student']], {required: true, selected: ''}), input_html: {id: 'college_admin_type', class: 'form-control custom-drop-icon'}

= f.select :user_types, options_for_select([['Type', ''], ['College', 'admin'], ['Student', 'student']], {required: true, selected: ''}), wrapper_html: {id: 'college_admin_type', class: 'form-control custom-drop-icon'}

= f.select :user_types, options_for_select([['Type', ''], ['College', 'admin'], ['Student', 'student']], {required: true, selected: ''}), id: 'college_admin_type', class: 'form-control custom-drop-icon'

我找到了类似的答案，但无法弄清楚。这是一个在 Rails 中添加要选择的 CSS 类的链接。

标签： cssruby-on-railssimple-formslim-lang

解决方案

如果你正在使用simple_form你应该使用它的as: :select符号

= f.input :user_types, as: :select,
  collection: [['Type', ''], ['College', 'admin'], ['Student', 'student']],
  input_html: { id: 'college_admin_type', class: 'form-control custom-drop-icon' }

但是如果您使用默认的 railsselect助手，您应该将 html 选项作为第二个选项哈希传递。

= f.select(:user_types, [['Type', ''], ['College', 'admin'], ['Student', 'student']], {}, { class: 'form-control custom-drop-icon' })

另请参阅Ruby on Rails form_for 选择带类的字段

推荐阅读