score:1

Accepted answer

try this

.sidenav---_u0en{
  background: yourcolor
}

if it still doesn't work add !important

or

your code doesn't work most likely because you are using background-color try changing it to background

score:0

the sidenav component allow to use a custom classname, but there is something wrong during the classnames merge.

<sidenav classname="menu" > ... </sidenav>

this code add your class .menu at the first, so your css styles is crashed bug the sidenav default classes.

the problem is at this line

look at this issue

score:0

<sidenav style={{'background-color': 'red'}}></sidenav>

score:1

i solved this by putting an id

<sidenav
      onselect={(selected) => {
        // add your code here
      }}
      ontoggle={ontoggle}
      id="sdb"
   >

in css:

#sdb{
    background-color: #120a8f;
}

Related Query

More Query from same tag