如何禁用规则.MuiInputBase-input由于显示问题导致电子邮件字段的材料UI TextField中的Type-121？

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：

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

这仅适用于电子邮件字段，因此这是问题：

禁用此规则可恢复显示。

我该如何正确配置.MuiInputBase-inputType-121？

Answer 1

您可以在CSS中向TextField添加填充，以便所有字段都具有相同的属性