如何覆盖所有模板的 flask_admin 样式？

Question

我正在开发简单的 Web 应用程序，至于数据库显示，我使用 Flask_admin 模块。我想将自定义 CSS 应用于我的所有模板，例如带有蓝色边框的自定义 navar。这是我的 index.html 模板的样子：

{% block head %}
    {{ super() }}
.navbar {
  border-color: #019ced;
  border-width: 1px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top: none;
  box-shadow: none;
}
{% endblock %}

它工作正常，但我想将此自定义导航栏样式应用于所有模板。

我正在尝试使用 master.html

{% extends 'admin/base.html' %}
{% block head_css %}
{{ super() }}
.navbar {
  border-color: #019ced;
  border-width: 1px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top: none;
  box-shadow: none;
 }
 {% endblock %}

然后在 index.html 中从它扩展，但没有任何成功。我想我可以为从父级继承的每个视图定义自定义模板，并覆盖头部部分，其中我包含 CSS 带有自定义导航栏的文件，但我正在寻找更简单的方法。

请告诉我什么是定义、创建和继承基本模板的正确方法，我可以在其中定义我的自定义 CSS。提前谢谢你。

Answer 1

您的 master.html 文件应如下所示：

{% extends admin_base_template %}
{% block head_css %}
    {{ super() }}
    <style>
        .navbar {
            border-color: #019ced;
            border-width: 1px;
            border-radius: 0;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            border-top: none;
            box-shadow: none;
        }
    </style>
{% endblock %}

如何覆盖所有模板的 flask_admin 样式？

How to override flask_admin style for all templates?

html

css

python

jinja2

flask-admin