Python Dash: Custom C

Question

我想把CSS样式表或<style>块输入Python Dash应用程序。下面我都试过了，但都不管用。应用程序加载良好，但文本保持黑色，而不是绿色。

import dash

from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
from flask import send_from_directory



# define the app
app = dash.Dash()

app.head = [html.Link(rel='stylesheet', href='./static/stylesheet.css'),
    ('''
    <style type="text/css">
    h1 {
        color:green;
    }
    </style>
    ''')]

app.layout = html.Div(html.H1('Hello World!'))


if __name__ == '__main__':
    app.run_server(debug=True)

而在./static/stylesheet.css内部是一个只有以下内容的文件：

h1{
  color:green;
}

我试过只使用样式表或<style>标记，但这两种方法都没有将h1标记变为绿色。

以下是我为解决我的问题所做的研究：

https://github.com/plotly/dash/pull/171

https://dash.plot.ly/external-resources

https://github.com/plotly/dash-recipes/blob/master/dash-local-css-link.py

我唯一没有尝试过的（这些链接建议）是从外部链接（CDN）加载。不过，我想能够加载这个应用离线，所以这不是一个选项。

Answer 1

可能是关于您首先声明这个css，它与<style>标记冲突。

Answer 2

这是我做的一个项目的一部分

app.layout = html.Div(
style={'backgroundColor': 'black'},
children=[
    html.H1('html code')])

Answer 3

如果您查看dash-recipies on GitHub，它将为您提供使用本地css文件的语法。我唯一需要更改的是@app.server.route。而不是：

@app.server.route('/static/<path:path>')

我用过：

@app.server.route('/static/<path>')