【el-input】textarea 提示内容位置调整（不是placeholder，是通过伪元素定位的提示内容）

Fighting_p

于 2025-01-15 15:19:38 发布

阅读量240

点赞数 2

分类专栏： elementUI 代码记录文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/m0_53562074/article/details/145161102

版权

elementUI 同时被 2 个专栏收录

24 篇文章

订阅专栏

代码记录

16 篇文章

订阅专栏

在这里插入图片描述

<el-input
  type="textarea"
  placeholder="规范要求"
  v-model="textarea"
  maxlength="500"
  show-word-limit
  :rows="4"
>
</el-input>

.el-textarea {
  & + .el-form-item__error {
    top: 100% !important;
  }

  &::before {
    content: '多项内容用;号隔开';
    color: #ccc;
    position: absolute;
    left: 10px;
    bottom: -10px;
    transition: all 0.2s;
  }
}
.el-textarea__inner{
    padding-bottom: 20px;
}