Question

我有一个表单，其中不同的字段需要不同大小的文本区域。我想要这样的东西：

CSS文件

textarea1 {
    width: 170px;
    height: 45px;

    max-width: 100%;
    max-height: 90px;
    min-width: 170px;
    min-height: 45px;
}

textarea2 {
    width: 220px;
    height: 70px;

    max-width: 100%;
    max-height: 110px;
    min-width: 220px;
    min-height: 70px;
}

然后在HTML中：

<%= f.label :smaller_entry, 'Smaller Entry' %>
<%= f.text_area1 :smaller %>

<%= f.label :bigger_entry, 'Bigger Entry' %>
<%= f.text_area2 :bigger %>

当然，＆＃34; text_area＆＃34;是我＆＃34; form＆＃34;的关键字成员对象，所以我无法添加＆＃34; 1＆＃34;和＆＃34; 2＆＃34;最后。

Answer 1

你应该使用css类：

.textarea1 {
    width: 170px;
    height: 45px;

    max-width: 100%;
    max-height: 90px;
    min-width: 170px;
    min-height: 45px;
}
.textarea2 {
    width: 220px;
    height: 70px;

    max-width: 100%;
    max-height: 110px;
    min-width: 220px;
    min-height: 70px;
}

和

<%= f.label :smaller_entry, 'Smaller Entry' %>
<%= f.text_area :smaller, class: 'text_area1' %>

<%= f.label :bigger_entry, 'Bigger Entry' %>
<%= f.text_area :bigger, class: 'text_area2'%>

Answer 2

您始终可以在文本区域添加类，并使用它来为其应用样式。

<%= f.text_area :bigger, class: 'large-text-area'  %>

RAILS：在单个表单中使用不同大小的文本区域

2 个答案: