无法更改simple_form中文本字段的高度
我试过了
#Default size for text inputs. config.default_input_size = 10
来自config / initializers / simple_form.rb
我也试过 {:size => 10} %>
但这些都没有改变我的文本字段的显示方式。
你需要这样做
<%= f.input :message, :input_html => {:rows => 10} %>
Html文本区域标记属性有两个属性,即rows
和rows
,它们允许您指定文本区域的行和列(即宽度)的数量。 如果这不起作用,则打开控制台,看看你的css是否覆盖了高度。
传递:input_html选项覆盖默认值。 您必须检查可以修改其行为的css类的属性值。
<%= f.input : message, :as => :text, :input_html => { 'rows' => 10} %>
我设法通过在输入字段属性中添加:as => :text
然后将样式和行添加到输入html来实现此目的:
<%= f.input :message, label: "Message: ", :as => :text, input_html: { :style=> 'width: 100%;', :rows => 4} %>
对我来说,是:as => :text
使“行”属性起作用的:as => :text
,100%宽度使其成为流动而不是固定宽度。
如果要更改“高度”,则需要修改css属性:
<%= f.input :message, input_html: {style: 'height:10px;'} %>
老问题,我知道。 这对我来说对SimpleForm 3.2.0和Rails 4.2.3有用:
<%= f.input_field :field_name, as: :text, class: "my-custom-class", rows: 5 %>
你可以做
<%= f.input :message, :size => "10x10" %>
高度和宽度。
它可能适用于文本字段,但绝对适用于text_area 。 无论如何,您可能希望将text_area用于消息。
尝试使用Google Chrome中的Firebug或Code Inspector来检查text_field
元素,查看确切的类名并直接在样式表文件中进行更改。
我在Rails 5.1和Bootstrap4上遇到了同样的问题。 我做了以下事情:
<%= f.input :bio, input_html: {style: 'height:200px !important;'} %>
它的工作原理。