How to style slider annotations?

I have a slider in my app and I would like to make it custom. I managed to change its colors and its linear greadient, but I couldn’t make the annotated text: 1 and 4 in this case not get the linear gradient effect. I would like the text to remain white. How could I achieve this?
What I tried:

.st-ef{
      background-color:   rg
      b(11, 100, 100);

}



.css-demzbm {
      background-color:   rgb(11, 100, 100);
}

div.stSlider > div[data-baseweb = "slider"] > div >div  {
  background: linear-gradient(to right, #82CFD0 0%, #82CFD0 50%, #fff 50%, #fff 100%);
  border: solid 1px #82CFD0;
  border-radius: 8px;
  outline: none;


  transition: background 450ms ease-in;
  -webkit-appearance: none;
      }

div.css-1inwz65.e88czh80{      background-color:   rgb(250, 250, 250);  
color:   rgb(250, 250, 250);!important

}

div.stSlider > div[data-baseweb="slider"] > div > div > div > div
                                    { color: rgb(14, 38, 74); } 

And this looks like:

Also, I would like to remove the red around the slider circle. Is this possible as well?

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.