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.

target ui

current ui

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

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -