不能更改simple_form文本字段的高度(can't change the height

2019-08-03 04:49发布

我试过了

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

从配置/初始化/ simple_form.rb

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

但这些都不改变我的文本字段的显示一个单一的东西。

Answer 1:

你需要这样做

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

HTML文本区域标记属性有两个属性,即rowscols它可以让你指定的任何行和文本区域的列(即宽度)。 如果这是行不通的,然后打开控制台,看看你的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:

如果你想改变“高度”,则需要修改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:

从谷歌浏览器尝试萤火虫或代码检查,以检查text_field元素,看到确切的类名,直接在样式表文件中改变它。



Answer 8:

我刚on Rails的5.1和Bootstrap4同样的问题。 我做了以下内容:

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

和它的作品。



文章来源: can't change the height of a text field in simple_form