el-input设置高度
时间: 2023-07-07 11:10:33 浏览: 140
你可以通过设置 `height` 属性来控制 `el-input` 的高度,例如:
```html
<el-input height="50px"></el-input>
```
你也可以在 CSS 中为 `el-input` 设置高度,例如:
```css
.el-input {
height: 50px;
}
```
相关问题
el-input 设置高度随内容自动撑开
可以使用 `autosize` 属性来实现 el-input 高度随内容自动撑开的效果。
示例代码:
```html
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 6}" placeholder="请输入内容"></el-input>
```
其中,`autosize` 属性接受一个对象,对象中包含 `minRows` 和 `maxRows` 两个属性,用于控制最小行数和最大行数。设置 `minRows` 为 2,`maxRows` 为 6 可以保证输入框在不同内容长度下始终保持高度自适应。
注意:使用 `autosize` 属性时,`type` 属性需要设置为 `textarea`。
<el-form-item label="质检备注"> <el-input type="textarea" v-model="dataForm.remark" maxlength="100" placeholder="请输入内容" show-word-limit style="width: 70%;min-height: 132px;" ></el-input> </el-form-item> vue 和 element-ui实现补全修改代码,需求是代码原有基础上 将el-input最低高度为132px,这样出现一个问题需要修复,el-textarea__inner的min-height产生了冲突,需要解决,实现el-input的最低高度为132px
可以在 CSS 中添加以下代码来解决冲突:
```
.el-textarea__inner {
min-height: 0 !important;
}
```
这样,el-input 的最低高度就可以为 132px,同时 el-textarea__inner 的最小高度也被重置为默认值 0。
阅读全文