Flask WTForms Form自动内联样式显示：无[关闭]

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

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

以下html是发送到浏览器的内容。

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

Answer 1

您是否在浏览器内的开发人员工具中查看了“样式”标签？

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

Image: Dev Tools Style Pane

我知道你说你已经去了那里并进行了动态编辑，但是“样式”窗格也应该能够告诉你每个样式规则设置在哪个文件中，这可以为你提供更多信息来帮助追踪问题。