el-input textarea怎么跟input标题文字高度一致
时间: 2023-11-07 07:51:11 浏览: 149
vue + el-input 中 textarea 实现 placeholder 换行
要使 `<el-input type="textarea">` 的高度与输入标题文字一致,可以使用以下方法:
使用 CSS 来控制 `<el-input type="textarea">` 的高度,使其与输入标题文字的高度一致。你可以将 `<el-input type="textarea">` 的高度设为与输入标题文字的高度相同。
在 CSS 样式中,找到 `.label` 类的 `<label>` 元素,将它的 `transform: translateY(10px)` 修改为 `transform: translateY(0)`,以使输入标题文字回到原来的位置。
示例代码如下:
```css
.el-form-item .el-input__inner {
height: 24px; /* 根据实际情况调整高度 */
}
.label label {
transform: translateY(0);
}
```
请注意,你可能需要根据实际情况调整高度值。在这个示例中,我将 `<el-input type="textarea">` 的高度设为 24px,你可以根据你的需求进行调整。
阅读全文