Rails simple form不同窗体的不同样式

Question

= simple_form_for @role, :html => { :class => 'form-horizontal' } do |f| 
  = f.error_notification
  = f.input :name
  = f.input :description
  .form-actions
    = f.button :submit, :class => 'btn-primary'
    = link_to t('.cancel', :default => t("helpers.links.cancel")), roles_path, :class => 'btn'

它是用scaffold命令创建的。我试图在这里放一些样式，但这导致我的应用程序的每一种形式都发生了变化。是否有一种好的方法来更改文本输入字段的样式，只适用于一个具有简单表单的特殊表单视图？我应该把样式放在哪里，如果我希望输入文本字段的大小：宽度100px到高度50px，样式看起来会是什么样子？

Answer 1

您需要知道，即使您有一个特殊的CSS文件，只为角色。最后，每个CSS文件都被捆绑在一起提供服务。这意味着，将在每个页面上加载roles.css，这将导致您所描述的行为。

如果要对单个窗体进行样式设置，可以通过添加类来实现：

= simple_form_for @role, :html => { :class => 'form-horizontal roles-form' } do |f| 

现在，您可以将CSS定义的范围扩展到.roles-form，它们将只应用于这个单一的表单。