如何为simple_form标签赋予样式?

时间:2013-06-22 01:08:39

标签: ruby-on-rails simple-form

我正在尝试使用simple_form gem 2.0.2生成的形式更改输入框和标签之间的字体大小和间距。我确定有办法做到这一点吗?

目前我有:

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :item_wrapper_class => 'type' %>

在我的CSS中:

    .type{
  font-size: 24px;
  margin-top: 15px;
}

我在这个网站的帖子中读到'item_wrapper_class'可以解决这个问题,但是当我去Chrome中检查元素时,通过下面的'输入框:'部分,它甚至没有接收到.type class,在我的css中 - 它只是在bootstrap中的默认标签类。

任何帮助都将不胜感激,谢谢。

2 个答案:

答案 0 :(得分:13)

这对我有用:

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', :label_html => { :class => 'type' } %>

答案 1 :(得分:2)

你尝试过这样的事吗?

<%= f.input :comment, :input_html => { :wrap => :soft, :rows => 2}, :label => 'Type in box below:', wrapper_html: { class:  'type' } %>