I am using the select field from material UI react
When I select any item from the field I face two issues:
- Border bottom line become blue and background color become gray. I need to change Border bottom line to green and background color to white.
here is my code https://codesandbox.io/s/zqok7r3x63
<FormControl className={classes.formControl}>
<InputLabel
required
htmlFor="age-native-simple"
FormLabelClasses={{
asterisk: classes.labelAsterisk,
root: classes.labelRoot,
focused: classes.focusedLabel
}}
>
Role
</InputLabel>
<Select
className=""
native
classes={{}}
value={this.state.age}
onChange={this.handleChange("age")}
inputProps={{
name: "age",
id: "age-native-simple",
classes: {
root: classes.inputRoot,
focused: classes.inputFocused,
underline: classes.underlineInput
}
}}
>
<option value="" disabled />
<option value={10}>Ten</option>
<option value={20}>Twenty</option>
<option value={30}>Thirty</option>
</Select>
</FormControl>