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

Question

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

import TextField 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 применяется к полю email :

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

Это толькоприменяется к полю электронной почты, поэтому проблема заключается в следующем:

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

Как настроить.MuiInputBase-inputType-121 правильно?

Answer 1

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