首页 > 解决方案 > 如何以烧瓶形式增加布尔字段的大小?

问题描述

我正在制作一个包含多个复选框的烧瓶表单。我在 form.py 文件中有这段代码。

var_name = BooleanField('', default=False)

我在 html 中有这个。

<p>{{ var_name }}</p>

我在浏览器上看到的复选框太小了。我猜这是默认大小。如何增加复选框的大小?谢谢

标签: pythonhtmlcssjinja2flask-wtforms

解决方案


您可以做的是,使用从此处的 WTForms 文档中获取的提示,将一个类添加到该字段::

var_name(class_ = "checkbox")

然后用 CSS 设置样式:

.checkbox {
    height: 25px;
    width: 25px;
}

推荐阅读