Изменить цвет рамки по умолчанию для текстового поля контура

user2529173 спросил: 03 ноября 2018 в 08:53 в: css

Я хочу изменить цвет рамки по умолчанию для выделенного текстового поля с серого на темно-синий.

              <TextField
            variant={"outlined"}
            placeholder={t('landing_page.code.placeholder')}
            onChange={this.onCodeChanged}
            value={code}
            fullWidth={true}
            className={classes.codeInput}
            error={code ? code.length < 10 : false}
          />

Это класс codeInput:

  codeInput: {
     marginTop: theme.spacing.unit,
  },

Я попытался переопределить цвет через тему, но он не работает:

  overrides: {
    MuiOutlinedInput: {
      root: {
        borderColor: "#2b303e"
      },
      notchedOutline: {
        borderRadius: "0",
        borderWidth: "2px",
        borderColor: "#2b303e"
      },
    },
  }

Он все еще серый, как вы можете видеть в изображение. Я определил следующие правила CSS в качестве проблемы. С отключением этого все выглядит нормально. Я просто не знаю, как это сделать

.MuiOutlinedInput-root-148 .MuiOutlinedInput-notchedOutline-155 {
    border-color: rgba(0, 0, 0, 0.23);
}


0 ответов