elemenPlus中,如何去掉el-input中 文本域 textarea自带的边框和角标

1、去掉角标

css 复制代码
:deep(.el-textarea__inner) {
  resize: none !important; // 去除右下角图标
}

2、去除边框,并自定义背景色

javascript 复制代码
  <el-input
      ref="textareaRef"
      v-model="tempContent"
      :style="{
        '--el-border-color': 'rgba(255,255,255,0.0)',
        '--el-input-focus-border-color': 'rgba(255,255,255,0.0)',
        '--el-input-focus-border-width': '0px',
        '--el-input-hover-border-color': 'rgba(255,255,255,0.0)',
        '--el-input-hover-border-width': '0px',
        '--el-input-bg-color': 'rgba(0,0,0,0.8)'
      }"
      type="textarea"
      placeholder="请输入"
      :autosize="{ minRows: 8, maxRows: 20 }"
      class="custom-textarea"
    />

效果图

相关推荐
从零开始学习人工智能22 分钟前
FastMCP:构建 MCP 服务器和客户端的高效 Python 框架
服务器·前端·网络
烛阴31 分钟前
自动化测试、前后端mock数据量产利器:Chance.js深度教程
前端·javascript·后端
好好学习O(∩_∩)O37 分钟前
QT6引入QMediaPlaylist类
前端·c++·ffmpeg·前端框架
敲代码的小吉米37 分钟前
前端HTML contenteditable 属性使用指南
前端·html
testleaf1 小时前
React知识点梳理
前端·react.js·typescript
站在风口的猪11081 小时前
《前端面试题:HTML5、CSS3、ES6新特性》
前端·css3·html5
Xiao_die8881 小时前
前端八股之CSS
前端·css
每天都有好果汁吃1 小时前
基于 react-use 的 useIdle:业务场景下的用户空闲检测解决方案
前端·javascript·react.js
穗余1 小时前
NodeJS全栈开发面试题讲解——P10微服务架构(Node.js + 多服务协作)
前端·面试·node.js
横冲直撞de2 小时前
前端下载文件,文件打不开的问题记录
前端