材质UI元素添加自定义边距

问题描述

我有一个尝试使用Material UI输入元素的项目。但是，当我尝试添加一些自定义样式时，无法在元素周围添加边距。我还添加了背景色，以尝试元素是否已变为scss样式。背景颜色有效，但我似乎没有足够的余量。

以下是输入元素的示例：

import styles from "./registration.module.scss";

...

<TextField
            className={styles.formElement}
            id="name"
            label="Familienaam"
            variant="outlined"
            value={this.state.name}
            onChange={(e) => this.handleInputChanged("name",e.target.value)}
            helperText={
              this.state.errorMessage.name && this.state.errorMessage.name
            }
            error={!!this.state.errorMessage.name}
          />

这是具有样式的scss文件。

.formElement {
  margin: 10rem 10rem;
  background-color: blue;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）