✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🧬 Learn how to build RNA-Seq data apps with Python & Dash. Register for the May 20 Webinar!

Change CSS style of range selector buttons in Plotly Timeseries Chart

Hi Everyone,

I am pretty new to Dash/Plotly and I am trying to style the Time Series range-selector buttons with CSS but it seems that none of the classes is reacting to the styles I apply. I have something similar to this:

and my goal is to make the buttons bigger and a bit darker with rounded corners. Normally I would do something like that:

    button  {
  margin-left: 15px;
  margin-right: 15px;
  height: 45px;
  width: 70px;
  border-radius: 10%;
  color: white;
  font-weight: bold;
  background-color: #80848d;
}

but in this case it seems that buttons have a tag and a selector-rect class that are pre-styled. Has anyone managed to solve the problem so far?
Thanks for your help!