如何直接在应用程序中设置 Dash 核心组件的样式?

How can I style a Dash Core Component directly in the app?

我知道我可以通过将 DCC 包装在 Div 中来设置 DCC 的样式,但那是额外的代码。

我试过这个:

dcc.Slider(id='slider', min=0, max=50, style=dict(width='50%'))

我得到了:

TypeError: The `dash_core_components.Slider` component (version 1.10.2) with the ID "slider" received an unexpected keyword argument: `style`

有没有办法避免将 DCC 包装在 Div 中并直接设置样式的额外代码?

并非所有 Dash 组件都具有 style 属性。他们几乎都有 className,因此您可以分配它并更新您的 .css 文件以将样式分配给 class - 甚至分配给您使用的 ID - 虽然我意识到那不是'就像你提到的那样直接在应用程序中。

不过,如果您必须将内容包装在 div 中,情况还不错。它们可以很好地完成工作,而且我发现它们易于管理,而其他一些组件可能更棘手。