如何使用 CSS 设置 Dash Loading dcc.Loading 的类型和颜色属性

Question

在 Dash 应用程序中使用 dcc.Loading() 时，可以设置类型，即“立方体”或“点”以及颜色 - 文档

dcc.Loading(
    children=[html.Div(id='test-div')],
    type='dot', 
    color='hotpink'
)

我想知道的是如何在 CSS 中设置这些而不是使用内联样式，以避免在我想更改微调器或配色方案时必须更改所有应用程序中的每个加载组件。

到目前为止，在这篇文章和这篇文章的帮助下，我已经能够访问 CSS 中的 dash-spinner 类。但是，虽然我可以更改背景颜色和大小，但我无法弄清楚如何修复类型或前景色。

.dash-spinner {
  background-color: black;
  color: hotpink;
  type: cube;
}

.dash-spinner * {
  display: none !important;
}

此 CSS 似乎作用于背景颜色，但不作用于微调器或微调器的颜色。

谢谢你

Answer 1

在你的 css 文件中尝试一下：

.dash-default-spinner > div {
  background-color: #253544 !important;
}