reactjs 为什么Textfield控件不带属性(类)?

1cklez4t  于 2023-06-05  发布在  React
关注(0)|答案(1)|浏览(150)

我试图改变我的输入框边框,当我聚焦到输入框。目前它是显示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

06odsfpq

06odsfpq1#

在CSS文件中添加这个类。它使用!important进行覆盖。

.MuiInput-underline-44:after {
    border-bottom: 2px solid #9f3063 !important;
}

相关问题