Font size of dast slider

How to change the font size and style of labels in the slider function of Dash (dash.dcc.Slider)?

Hi @Kamran you can use CSS for that.

For example you could create a file named 01_custom.css in your assets folder containing this:

.rc-slider-mark-text {
    font-size: 22px;
    color: green;

.rc-slider-mark-text-active {
  color: red;

which creates soething like this:

1 Like


Thank you for your answer. It is working fine for me. Can I use this function .rc-slider-mark-text to change the fontsize or fontcolor only for the selected active mark text? I want the output to be something like this: