0

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.

enter image description here

isherwood
  • 58,414
  • 16
  • 114
  • 157
Abhishek
  • 97
  • 1
  • 6
  • Does this answer your question? [Can't change border color of Material-UI OutlinedInput](https://stackoverflow.com/questions/56958742/cant-change-border-color-of-material-ui-outlinedinput) – Ryan Cogswell Jan 28 '20 at 17:58

2 Answers2

0

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: "..."
})
Bill Metcalf
  • 650
  • 4
  • 6
0

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

Muhammad Afaq Riaz
  • 390
  • 2
  • 13