почему контроль Textfield не принимает реквизит (классы)? - PullRequest
Новая
       4

почему контроль Textfield не принимает реквизит (классы)?

0 голосов
/ 16 апреля 2019

Я пытаюсь изменить границу поля ввода, когда фокусируюсь на поле ввода. В настоящее время он показывает blue. Я хочу изменить его на red или другой цвет.

Я пытался использовать передачуprops 

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 Ответ

0 голосов
/ 28 мая 2019

Добавьте этот класс в свой файл CSS.Для переопределения используется !important. 

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