为啥 Textfield 控件不采用道具（类）？

Posted 2023-02-22

【中文标题】为啥 Textfield 控件不采用道具（类）？

【英文标题】：why Textfield control not taking props (classes)?为什么 Textfield 控件不采用道具（类）？

【发布时间】：2019-09-07 00:55:37

【问题描述】：

当我专注于输入字段时，我正在尝试更改我的输入字段边框。当前它显示blue。我想将其更改为red 或其他颜色。

我尝试使用传递道具

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

在您的 CSS 文件中添加此类。它使用!important 进行覆盖。

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