Can I change the dropdown menu color in react-select (#react-select)? I actually want to make .Select-menu-outer to be black with white text and .Select-menu to be grey and white text
Asked
Active
Viewed 1,711 times
0
-
Can't you do it with CSS? – nixxblu Jul 15 '17 at 23:16
-
https://stackoverflow.com/questions/45291508/how-to-style-react-select-options – btzr Jul 25 '17 at 03:23
1 Answers
0
You can either fix this by overwriting default css of react select or by using optionRenderer where you can create your custom options. I think the easier way is to just override the existing classes with css styles. You can do it by referencing those classes like .Select-menu-outer, .favOption, .Select-menu, .Select-option and do whatever you want with them with your own style. just to help you out, if you want to see you menu remain open as it closes as soon as it blur default by nature, you can use react developer tool of chrome and set the isOpen state to true by checking on checkbox. Hopefully this helps.
Namish
- 114
- 1
- 6