How to change material UI select border and label

Question

I am trying to change the border of a select component from Material-UI. So far I\'ve tried:

const styles = theme => ({
  root: {
    display         


        

Answer 1

You can override styling of child element classes e.g.

selectBorder: {
  '& .MuiOutlinedInput-notchedOutline': {
    borderColor: 'red'
  }
}

If you apply className={classes.selectBorder} to your Select component, it will change the border color to red.