Is there a way to change the outline color of Material-UI select component outlined variant correctly? I need help changing the default blue color to red, any assistance would be greatly appreciated
Click here for an image reference
Reference code snippet for the component:
<FormControl variant="outlined" fullWidth size={'small'} className={classes.formControl}>
<InputLabel id="xAxisDropdown">Select Hardware Platforms</InputLabel>
<Select
multiple
fullWidth
labelId="processor"
id="processor"
value={this.state.selectedProcessors}
name={'selectedProcessors'}
onChange={this.handleMultiselectChange}
label="Select Hardware Platforms"
// className={classes.selectBox}
classes={{root:classes.selectBox}}
renderValue={(selected) => {
let names = selected.map(selectedId => {
return this.state.processorList[
this.state.processorList.findIndex(
(processor) => {
return processor.id === selectedId
})
].nameText
})
return names.join(', ')
}}
>
{this.state.processorList.map((processor, index) => {
return (
<MenuItem key={index} value={processor.id}>
<MainThemeCheckbox
checked={this.state.selectedProcessors.indexOf(processor.id) > -1}
/>
<ListItemText primary={processor.selectElement}/>
</MenuItem>
)
})}
</Select>
</FormControl>