element-ui的 el-input 去掉边框，textarea去掉下面拉伸的那个标志

小媛要早睡吖

已于 2025-02-12 10:45:02 修改

阅读量458

点赞数 4

文章标签： ui vue.js javascript

于 2025-02-12 10:21:02 首次发布

本文链接：https://blog.youkuaiyun.com/qq_50134188/article/details/145586189

版权

代码：

<template>
    <div class="inputDeep">
        <el-input></el-input>
    </div>
</template>

<style>
  /* 利用穿透，设置input边框隐藏 */
  .inputDeep>>>.el-input__inner {
    border: 0;
  }
  /* 如果你的 el-input type 设置成textarea ，就要用这个了 */
  .inputDeep>>>.el-textarea__inner {
    border: 0;
    resize: none;/* 这个是去掉 textarea 下面拉伸的那个标志，如下图 */
  }
  </style>