reactjs - 如何更改边框颜色材质-ui选择组件
问题描述
我尝试了几种策略来更改材质 UI 的选择组件的颜色,但不幸的是它们都不起作用。我定义了useStyles
函数,在这里我定义了一个带有边框值的选择类:
const useStyles = makeStyles(theme => ({
formControl: {
margin: theme.spacing(1),
minWidth: 120,
width: '100%',
margin: 0,
marginBottom: 15,
borderColor: 'orange'
},
selectEmpty: {
marginTop: theme.spacing(2),
},
select: {
'&:before': {
borderColor: 'red',
}
},
}))
这是选择组件:
const MaterialSelect = ({
labelText,
menuItems,
setFormValue,
initValue,
providerKey
}) => {
const classes = useStyles();
和选择:
<Select
labelId="demo-simple-select-outlined-label"
id="demo-simple-select-outlined"
value={value}
onChange={handleChange}
labelWidth={labelWidth}
className={classes.select}
input={<Input classes={{
underline: classes.underline
}}
name="age" id="age-helper" />}
>
{menuItems.map(({value, text}) => (
<MenuItem value={value}>{text}</MenuItem>
))}
</Select>
解决方案
推荐阅读
- loops - 如何在 julia 中使用数组元素作为迭代器?
- android - 如何将 AnyChart-Android 导入 Android Studio
- c# - 在文本框中自动显示值
- powershell - 在不同域之间复制数据
- batch-file - 批量“for”命令从 TSV 文件中提取列
- session - pine 脚本 v4:会话范围问题
- c++ - Z3:如何在不使用硬编码索引的情况下从 model() 访问变量?
- android - DefaultNetworkCallback 用于检查网络连接未成功更新全局状态变量
- email - OpenDKIM 在同一封电子邮件中签名信封发件人和信头发件人
- javascript - 图片未上传到 Firebase 存储桶中