python – plot.ly(dash_core_components)滑块颜色更改

发布时间：2020-12-20 12:01:30 所属栏目：Python 来源：网络整理

导读：昨天我第一次见到了plot.ly dash并创建了一些互动情节.我添加了dash_core_components.Slider()对象,如下面的代码. dcc.Slider( id='month--slider',min=0,max=12,value=12,step=None,marks={'1': '1','6': '6','12': {'label': '12','style': {'color': 'red

昨天我第一次见到了plot.ly dash并创建了一些互动情节.我添加了dash_core_components.Slider()对象,如下面的代码.

dcc.Slider(
    id='month--slider',min=0,max=12,value=12,step=None,marks={'1': '1','6': '6','12': {'label': '12','style': {'color': 'red'}}}
)

我已经阅读了帮助(dcc.Slider),但我无法找到改变下方滑块天蓝色的方法.

enter image description here

所以我的问题在这里……是否可以更改plot.ly dash的默认滑块的颜色(或样式)？先感谢您.

解决方法

你需要用css来改变它.

首先,让您的破折号应用程序知道您将在外部托管您的CSS.

文档：https://plot.ly/dash/external-resources

然后,只需检查破折号应用程序的网页,找到滑块及其组件的类名.

最后,在样式表中添加必要的css.

例如,我通过将以下代码添加到外部托管的css文件来更改已禁用滑块的颜色…

.rc-slider-disabled{
  background-color: #0097a7;
}

希望这可以帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!