Ruby on rails 3 基础，简单形式，文本区域，列 我有一个ZURB基金会简单形式，一个字段（描述）是一个文本区域。我希望文本区域的深度为10行，但它显示为2行。有人知道如何改变这个吗 <div class="row"> <div class="large-4 large-centered columns"> <%= simple_form_for(@venue) do |f| %> <fieldset> <%= f.input :name %> <%= f.input :url %> <%= f.input :street %> <%= f.input :city %> <%= f.input :state %> <%= f.input :description, as: :text, :input_html => { :cols => 5, :rows => 10 } %> <%= f.submit "Submit", class: "button small radius" %> </fieldset> <% end %> </div> </div> {:cols=>5，:rows=>10}%>

由于您使用的是引导，引导的默认属性适用于您的输入文本区域。它导致了问题。我也有同样的问题，但是，关于专栏

您可以通过两种解决方案来解决此问题：

1.）创建一个类并指定要自动设置的高度和宽度。在需要的地方使用该类

在application.css或任何css文件中创建此类

.test
{
width: auto;
height: auto;
}    

现在在ruby代码中使用这个类

 <%= f.input :description, as: :text, :input_html => { class: 'test', :cols => 5, :rows => 10 } %>

{class:'test'，：cols=>5，：rows=>10}%>

由于您已明确指定宽度和高度为自动，因此引导的textarea width，height将被本地类'test'width and height覆盖。 因此，将设置：cols=>5，：rows=>10个属性

2.）修改引导css文件中的输入textarea属性。

---

将“输入文本区域”的高度或宽度更改为“自动”，以避免混淆，或者如果要在所有位置使用相同的宽度和高度，请将其设置为标准像素。

类分配无效，请尝试此操作

=f.input :description, label: false, :as => :text, :input_html => { :rows => 7 , :style => 'width: 100%'}

---

对我来说很有用

实际上，这会导致我的文本区域的宽度为其容器宽度的一半。修改引导css（将宽度和高度设置为自动）将默认使所有文本区域的宽度为容器宽度的一半。因为它显式忽略默认的引导css定义。尝试第一种解决方案。因此，您将始终使用默认引导属性，在某些情况下，您可以通过显式指定类来覆盖它，如解决方案1所示。我使用的是步骤#1。我没有放置：cols属性，而我的：description是容器宽度的一半。因此，在新类中取消注释宽度为auto。因此，它将采用默认引导宽度n，因此您的文本区域不会是容器的一半。在上面的场景中，我覆盖了引导的宽度和高度。在你的情况下，你可以独自做高处作业。。测试：{高度：Auto.} FWIW，OP使用ZURB基金会，而不是引导程序。但解决办法是一样的。