Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python 如何覆盖所有模板的管理样式?_Python_Html_Css_Jinja2_Flask Admin - Fatal编程技术网

Python 如何覆盖所有模板的管理样式?

Python 如何覆盖所有模板的管理样式?,python,html,css,jinja2,flask-admin,Python,Html,Css,Jinja2,Flask Admin,我正在开发一个简单的web应用程序,至于DB显示,我使用Flask\u admin模块。 我想将自定义CSS应用于我的所有模板,例如带有蓝色边框的自定义导航。以下是我的index.html模板的外观: {% block head %} {{ super() }} .navbar { border-color: #019ced; border-width: 1px; border-radius: 0; border-bottom-left-radius: 20px; b

我正在开发一个简单的web应用程序,至于DB显示,我使用Flask\u admin模块。 我想将自定义CSS应用于我的所有模板,例如带有蓝色边框的自定义导航。以下是我的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。提前感谢。

您的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 %}
{%extends admin\u base\u template%}
{%block head_css%}
{{super()}}
navbar先生{
边框颜色:#019ced;
边框宽度:1px;
边界半径:0;
边框左下半径:20px;
边框右下半径:20px;
边界顶部:无;
盒影:无;
}
{%endblock%}

一个很好的解释:Jinja2 block元素
head\u css
提供了在HTML注释的
部分创建额外条目的可能性。显然,block元素的目的是在这里添加样式表信息。当然,这可能发生在缺少的
..
中,但您也可以通过更干净的
在此处包含一个外部文件。