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>

这就是目前的样子。我希望字段更大，打字时的字体也更大。

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

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中定义字体大小：

#larger {
font-size: 60px;
}

#middle {
font-size: 40px;
}