我试图改变我的输入框边框,当我聚焦到输入框。目前它是显示blue
。我想改变它为red
或其他颜色。
我试过用路过的 prop
function Control(props) {
console.log(props)
return (
<TextField
fullWidth
InputProps={{
inputComponent,
inputProps: {
className: props.selectProps.classes.input,
inputRef: props.innerRef,
children: props.children,
classes:{underline: props.selectProps.classes.underlineInput,
root: props.selectProps.classes.inputRoot,
focused: props.selectProps.classes.focusedLabel,},
...props.innerProps
}
}}
{...props.selectProps.textFieldProps}
/>
);
}
underline: props.selectProps.classes.underlineInput
试图改变我的输入框边框颜色。但它不工作为什么?
下面是我的代码https://codesandbox.io/s/71267zp3l6
1条答案
按热度按时间06odsfpq1#
在CSS文件中添加这个类。它使用
!important
进行覆盖。