平臺窗體字段文本放大

Question

我是新來使用wtforms和瓶，並試圖放大物理字段大小和其內部的字體。我應該使用一段特定的代碼還是用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定義字體大小：

#larger { 
font-size: 60px; 
} 

#middle { 
font-size: 40px; 
}