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;
}