无法更改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输入字段属性,然后将样式和行添加到输入html来实现此目的:

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

对我来说,这是:as => :text"行"属性工作,100%宽度使其流动而不是固定宽度.

Answer 4

尝试使用 Google Chrome 中的 Firebug 或代码检查器来检查text_field元素，查看准确的类名称并直接在样式表文件中更改它。