Как отключить правило.MuiInputBase-inputType-121 в пользовательском интерфейсе TextField для поля электронной почты из-за проблемы с отображением?

Question

У меня есть следующий JSX:

import TextFieldMui from '@material-ui/core/TextField/TextField';


                <Col xs={6}>
                  <TextField
                    pattern=".{3,}"
                    name="fullName"
                    label={intl.formatMessage(messages.fullName)}
                    type="text"
                    margin="normal"
                    fullWidth
                  />
                </Col>
                <Col xs={6}>
                  <TextField
                    name="email"
                    label={intl.formatMessage(messages.email)}
                    type="email"
                    margin="normal"
                    required
                    fullWidth
                  />
                </Col>

По какой-то причине, это поле CSS применяется к полю электронной почты:

.MuiInputBase-inputType-121 {
    height: 1.1875em;
}

Это применимо только к полю электронной почты, так что это проблема:

https://s tackru.com/images/061792b228e2bc1030a4253efc3fb9fa8423dfa7.png

Отключение этого правила восстанавливает отображение.

Как мне настроить .MuiInputBase-inputType-121 должным образом?

Answer 1

Вы можете добавить заполнение в TextField в CSS, чтобы все поля имели одинаковые свойства