Как изменить цвет контура компонента Material UI Select (в режиме контура) при открытом раскрывающемся списке (в настоящее время он синий)

Question

Как мне правильно изменить цвет контура выделенного варианта компонента выбора Material-UI? Помогите мне изменить этот синий цвет на красный, пожалуйста, я был бы очень благодарен

Изображение для справки

компонент для справочного кода для справочника

<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>

Answer 1

Вы можете использовать некоторые уловки CSS или стилей компонентов, чтобы изменить основной цвет, но рекомендуется тематизировать ваш проект и выбрать свою палитру для основных и дополнительных цветов.

Вы можете использовать некоторые инструменты, такие как this , для создания и тестирования своей темы, и вы можете иметь несколько тем в одном проекте.