javascript - How to override the background color in material ui select field dropdown menu? -
i have been working materialui time , impressed library - however, there times customizability sorely lacking. instance, trying style selectfield dropdown menu unable change several div
styles.
from have seen, select field contains dropdownmenu, in turn contains menu component. can see in image below, design close implementation, several issues. however, these issues causing problems right now. main issue can't theme div
between paper
element , menu
element, unfortunately div
white
background applied to.
if can style element able give top padding, simulate spacing between menu , selectfield
.
is there way style element? have used dropdownmenuprops
of selectfield
component pass menustyle
override menu styles, allows me give menu border radius , green border, , doesn't allow me style parent div
. has else had luck doing this?
p.s. know theme.menu
rather not use unless absolutely necessary, have override everywhere else menu
component used.
edit: have tried changing theme.menu.backgroundcolor
, theme.menu.containerbackgroundcolor
changes weren't reflected in ui. muitheme
in context
has correct values aren't translated styles.
edit: have since switched working on autocomplete
component, , able exposed prop called popoverprops
. however, selectfield
not expose - know why or how fix this?
Comments
Post a Comment