如何直接在应用程序中设置Dash Core组件的样式？

Question

我知道我可以通过将DCC封装在Div中来设置其样式，但这是多余的代码。

我尝试过：

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中并直接设置样式的额外代码？

Answer 1

并非所有Dash组件都具有style属性。他们几乎都拥有className，因此您可以分配它并更新.css文件以为该类（甚至您使用的ID）分配样式，尽管我意识到这并不直接在您提到的应用。

但是，如果您必须将内容包装在div中，还算不错。它们很好地完成了工作，我发现它们易于管理，而其他一些组件则比较棘手。