Flask WTForms Form自动内联样式展示：None

Question

我有以下 html/jinja 和以下 WTForm

<form method="POST" action='' class="form" >
{% for field in form %}
    {{ render_field(field) }}
{% endfor %}
<button type="submit" id="submit" class="btn btn-dark">Login</button>

class LoginForm(FlaskForm):
username = StringField(
    'username',
    validators=[
        DataRequired()
    ]
)

password = PasswordField(
    'Password',
    validators=[
        DataRequired()
    ])

{% macro render_field(field, class="", div_class="") %}
<div class="field {{ div_class }}">
    {% if field.errors %}
        {% for error in field.errors %}
             <div class="notification error">{{ error }}</div>
        {% endfor %}
    {% endif %}
    {{ field(placeholder=field.label.text, class=class) }}
</div>
{% endmacro %}

表单作为表单传递到模板中。加载视图时，内联样式显示：None 会自动添加到表单中。我可以使用 chrome 开发工具更改此设置，一切正常。我需要一些帮助来确定发生这种情况的原因。

下面的html是发送给浏览器的内容

<form method="POST" action="" class="form" style="display: none;">

Answer 1

您是否检查过浏览器内开发人员工具中的 "Styles" 选项卡？

这是我所指的特定窗格的图片。

Image: Dev Tools Style Pane

我知道你说你已经进去并即时编辑了，但是 "Styles" 窗格应该也能告诉你每个样式规则设置在哪个文件中，希望能给你一些更多的信息来帮助追踪问题。

Flask WTForms Form自动内联样式展示：None

Flask WTForms Form automatic inline style display: None

flask

flask-wtforms