无法更改simple_form中文本字段的高度

Question

我试过

  #Default size for text inputs.  
  config.default_input_size = 10

来自config / initializers / simple_form.rb

我也试过<%= f.input :message, :input_html => {:size => 10} %>

但这些都没有改变我的文本字段的显示方式。

Answer 1

你需要这样做

<%= f.input :message, :input_html => {:rows => 10} %>

Html文本区域标记属性有两个属性，即rows和cols，它们允许您指定文本区域的行数和列数（即宽度）。如果这不起作用，则打开控制台，看看你的css是否覆盖了高度。

Answer 2

传递：input_html选项覆盖默认值。您必须检查可以修改其行为的css类的属性值。

<%= f.input : message, :as => :text, :input_html => { 'rows' => 10} %>

Answer 3

我设法通过将:as => :text添加到输入字段属性然后添加样式＆amp;行到输入html：

<%= f.input :message, label: "Message: ", :as => :text, input_html: { :style=> 'width: 100%;', :rows => 4} %>

对我而言，:as => :text得到了＆＃34;行＆＃34;属性工作，100％宽度使其流动而不是固定宽度。

Answer 4

如果要更改“高度”，则需要修改css属性：

<%= f.input :message, input_html: {style: 'height:10px;'} %>

Answer 5

老问题，我知道。这对SimpleForm 3.2.0和Rails 4.2.3来说非常有用：

<%= f.input_field :field_name, as: :text, class: "my-custom-class", rows: 5 %>

Answer 6

你可以做到

<%= f.input :message, :size => "10x10" %>

高度和宽度。

它可能适用于文本字段，但绝对适用于text_area。你可能想要将text_area用于消息。

Answer 7

从Google Chrome中尝试使用Firebug或Code Inspector来检查text_field元素，查看确切的类名并直接在样式表文件中进行更改。

Answer 8

我在Rails 5.1和Bootstrap4上遇到了同样的问题。 我做了以下事情：

<%= f.input :bio, input_html: {style: 'height:200px !important;'} %>

它有效。