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"
    />

效果图

相关推荐
m0_7381207243 分钟前
CTFshow系列——命令执行web38-40
前端·windows·安全·web安全
zhoxier2 小时前
elementui el-select 获取value和label 以及 对象的方法
javascript·vue.js·elementui
是小狐狸呀2 小时前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
四岁半儿5 小时前
常用css
前端·css
你的人类朋友5 小时前
说说git的变基
前端·git·后端
姑苏洛言6 小时前
网页作品惊艳亮相!这个浪浪山小妖怪网站太治愈了!
前端
字节逆旅6 小时前
nvm 安装pnpm的异常解决
前端·npm
Jerry6 小时前
Compose 从 View 系统迁移
前端
IT码农-爱吃辣条6 小时前
Three.js 初级教程大全
开发语言·javascript·three.js
GIS之路6 小时前
2025年 两院院士 增选有效候选人名单公布
前端