javascript - 由于显示问题，如何在 Material UI TextField 中为电子邮件字段禁用规则 .MuiInputBase-inputType-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正确配置？

标签： javascripthtmlcssmaterial-uimui

Answer 1

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