https://i.sstatic.net/PL30l.png
Struggling to achieve a TextField select with outlined variant and a see-through border. Here's the current theme override I'm using:
overrides: {
MuiOutlinedInput: {
root: {
backgroundColor: '#F4F4F4',
borderRadius: 8,
height: 56
},
notchedOutline: {
borderColor: 'transparent !important',
borderRadius: 8,
borderWidth: '0px !important'
}
}
}
However, as shown in this image, there appears to be a strange block artifact around the borders when the select is focused.
https://i.sstatic.net/q3Pp8.png
I want it to maintain the appearance seen in the second photo, but once it is focused, those odd edges from the first photo come into play. Any solutions?