el-form-item 修改高度行间距
时间: 2023-08-30 13:06:00 浏览: 1578
vue实现表单数据验证的实例代码
要修改 ElFormItem 的高度和行间距,可以通过以下方式:
1. 自定义样式:可以在 ElFormItem 上自定义样式,设置 height 属性来修改高度,设置 line-height 属性来修改行间距。例如:
```html
<el-form-item style="height: 60px; line-height: 60px;">
<el-input placeholder="请输入内容"></el-input>
</el-form-item>
```
2. 修改全局样式:可以在全局样式中修改 ElFormItem 的高度和行间距。例如:
```css
.el-form-item {
height: 60px;
line-height: 60px;
}
```
这样所有的 ElFormItem 都会应用这个样式。如果只想修改某个特定的 ElFormItem,可以为其加上一个特定的 class,然后在样式中指定该 class。例如:
```html
<el-form-item class="my-form-item">
<el-input placeholder="请输入内容"></el-input>
</el-form-item>
```
```css
.my-form-item {
height: 60px;
line-height: 60px;
}
```
阅读全文