How do i change Background in a Svelte Material UI (@SMUI) Slider Label?

Viewed 409

because transparency of the slider-label and the text in the background behind of it, the label-texts are very bad to read. How can i change the transparency and the background-color of the slider-Labels?

Transparent-Labels

Thank you for your answers

1 Answers

By default the .mdc-slider .mdc-slider__value-indicator has an opacity set to 0.6. Just overwrite it by using:

:global(.mdc-slider .mdc-slider__value-indicator) {
  opacity: 1 !important;
}

Checkout the example:

Edit sweet-nightingale-1him4

Related