python - 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

Taylor Olson による回答と、そこで参照されているドキュメントを参照してください。ドキュメントで概説されているように: assets フォルダーを作成し、css ファイルを追加します。次に、以下を使用してアプリをインスタンス化します。

app = dash.Dash(__name__)

スライダーの色を赤に変更するには、以下の CSS コードの例を参照してください (必要に応じて色を更新してください)。

.rc-slider-track {
  background-color: red;
}

.rc-slider-dot-active {  
  border-color: red;
  border: solid 2px red;
}

.rc-slider-handle {
  background-color: red;
  border-color: red;
}

.rc-slider-handle:hover {
  border-color: red;
}

.rc-slider-handle-active:active {
  border-color: red;
}