How can I change border color for Select Component?

Question

How to set the border color for select component in material ui library, Under the inspect elements, if i set the property then it works, but how to do this using class override.

Answer 1

There are multiple ways to re-style material-ui components, here is my preferred method:

import {styled, Select} from "@material-ui/core"

const StyledSelect = styled(Select)({
  borderColor: "..."
})

Answer 2

You can simply use border: '2px solid red' inside style prop like style={{border: '2px solid red'}}