plot.ly（dash_core_components）スライダーの色の変更

Question

私は昨日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'}}} 
) 

私はhelp(dcc.Slider)を読んだが、私は以下の私のスライダーのスカイブルーの色を変更する方法を見つけることができませんでした。

だからここに私の質問...それはplot.lyダッシュのデフォルトのスライダーの色（またはスタイル）を変更することは可能ですか？前もって感謝します。

Answer 1

これはCSSで変更する必要があります。

まず、あなたのcssを外部からホストすることをダッシュ​​アプ​​リに知らせてください。ここ

ドキュメント：https://plot.ly/dash/external-resources

その後、単にあなたのダッシュアプ​​リのWebページを検査し、クラスのスライダーの名前とそれの部品を見つけます。

最後に、必要なCSSをスタイルシートに追加します。

例えば、私は

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

は、この情報がお役に立てば幸いです...私の外部でホストされているCSSファイルに次のコードを追加することで無効になっスライダーの色を変えました！