AS documented in [leddisplay-properties](https://dash.plotly.com/dash-daq/leddisplay#leddisplay-properties)
className
(string ; optional): Class to apply to the root component element.
Though root component’s style is rendered by className, color and background-color in LEDDisplay are not subject to className.
For example, a daq.LEDDisplay
component is constructed like this:
code:
html.Div(
className="card-elem",
id="total",
children=[
daq.LEDDisplay(
label="total",
labelPosition="bottom",
value="110",
size=20,
className="LEDDisplay",
)
],
)
className="card-elem"
and className="LEDDisplay"
properties are defined in css:
.card-elem {
width: 5rem;
border-radius: 8px;
margin: 3px;
padding: 3px;
font-size: 1rem;
background-color:#e9ecef38;
box-shadow: 2px 2px 2px lightgrey;
}
.card-elem .LEDDisplay {
display: inline-block;
color: #F6F6F6;
background-color: #008ed4;
}
The css style dosen’t work in daq.LEDDisplay. Is there any way to define LEDDisplay’s style through classname?