python - 情节破折号 : Linking external/local CSS

Question

我正在尝试链接外部/本地 CSS，但是，它似乎没有链接。

我遵循了此链接中的示例:https://dash.plot.ly/external-resources

应用.py

external_stylesheets = [
    dbc.themes.SLATE,
    {
        'href': 'custom.css',
        'rel': 'stylesheet',
    }
]

app = dash.Dash(
            meta_tags=[
                {"name": "viewport", "content": "width=device-width, initial-scale=1"}
            ],
            external_stylesheets=external_stylesheets,
      )

当我加载应用程序时，/assets 文件夹中的 custom.css 是空的。

自定义.css

.tabs {
  background-color: #444,
  color: #adb5bd,
  verticalAlign: middle,
  font-size: 0.9375rem
}

.map-style {
  padding: 11% 0px 0px 5px;
}

.prop-style {
  padding: 0% 0px 0px 2em;
}

.price-style {
  padding: 5% 0px 0px 0.4em;
}

.market-style {
  padding: 5% 0px 0px 0.4em;
}

.date-picker-range {
  width: 300px;
}

我也试过 /assets/custom.css 但还是不行。我的问题是，如何将本地 css 链接到 dash-bootstrap-component 样式。

Answer 1

假设您遵循所链接教程中的目录结构:

- app.py
- assets/
    |-- typography.css
    |-- custom.css
    |-- custom-script.js

并且您的应用程序在您的 app.py 中具有正确的名称:

# ...
app = dash.Dash(__name__)
# ...

assets/custom.css 的内容应该会自动添加到您的 Dash 应用程序中，而不需要链接到 external_stylesheets 中的文件。