How to change MUI Select field perimeter color
Question
This is an MUI select box. Its color is blue when selected, but black when it isn't. I want the text and boundary to be white (currently blue). How do I do this?
1 answers
solution1
0 2022-03-05 05:52:28
You can try below code with styled component
".Mui-focused": { color: #FFF, },// for name/label
".MuiOutlinedInput-root.Mui-focused.MuiOutlinedInput-notchedOutline": { borderColor: #FFF },
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to change the background color of MUI Menu Popover of TextField with select property?
How to change text color of disabled MUI Text Field | MUI v5?
Change the color of elements in Select from MUI
How can I change color of MUI TimelineConnector?
How to change MUI Radio button checked color?
MUI Change css of Label of Select and color of selected option
MUI Select - change icon background color when on hover
MUI Select - Change Select size
Change TextareaAutosize color in React with mui
How Change Background Color & Blur mui5 modal?
Related Tags