Wtforms表单域文本放大

Question

我是 wtforms 和 flask 的新手，正在尝试扩大物理字段的大小和其中的字体。我应该使用一段特定的代码还是用 css 更改它。

<div class="container">
<div class="col-md-12">

    <form id="signinform" class="form form-horizontal" method="post" role="form" style="font-size:24px;">
    {{ form.hidden_tag() }}
    {{ wtf.form_errors(form, hiddens="only") }}
    {{ wtf.form_field(form.first_name, autofocus=true) }}
    {{ wtf.form_field(form.last_name) }}
    {{ wtf.form_field(form.company) }}
    {{ wtf.form_field(form.reason) }}
    {{ wtf.form_field(form.us_citizen) }}
    {{ form.signature }}
    </form>

This is what it currently looks like. I want the field to be bigger and the font when typed out to be bigger too.

在此先感谢您，如果这个问题已经在其他地方得到回答，我们深表歉意。

Answer 1

您可以使用 TextAreaField 并定义大小。

from wtforms import TextAreaField
from wtforms.widgets import TextArea
class NameForm(Form):
    first_name = TextAreaField('First Name', widget=TextArea())

在要放大的字段中添加一个id:

{{ form.first_name.label(id='middle')  }}
{{ form.first_name(cols="20", rows="1", id='larger') }}

然后在 CSS 中定义 font-size:

#larger {
font-size: 60px;
}

#middle {
font-size: 40px;
}