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

效果图

相关推荐
学渣y3 分钟前
React文档-State数据扁平化
前端·javascript·react.js
njsgcs9 分钟前
画立方体软件开发笔记 js three 投影 参数建模 旋转相机 @tarikjabiri/dxf导出dxf
前端·javascript·笔记
一口一个橘子10 分钟前
[ctfshow web入门] web71
前端·web安全·网络安全
逊嘘23 分钟前
【Web前端开发】HTML基础
前端·html
Kay_Liang2 小时前
深入解析JavaScript变量作用域:var、let、const全攻略
开发语言·javascript·const·var
未脱发程序员2 小时前
【前端】每日一道面试题3:如何实现一个基于CSS Grid的12列自适应布局?
前端·css
三天不学习2 小时前
Visual Studio Code 前端项目开发规范合集【推荐插件】
前端·ide·vscode
t2007182 小时前
5.8 react状态管理
javascript·react.js·ecmascript
爱分享的程序猿-Clark2 小时前
【前端分享】CSS实现3种翻页效果类型,附源码!
前端·css
Code哈哈笑2 小时前
【图书管理系统】深度讲解:图书列表展示的后端实现、高内聚低耦合的应用、前端代码讲解
java·前端·数据库·spring boot·后端