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

效果图

相关推荐
Aaaaaaaaaaayou7 分钟前
浅玩一下 Mobile Use
前端·llm
这个昵称也不能用吗?8 分钟前
react-native搭建开发环境过程记录
前端·react native·cocoapods
hy_花花8 分钟前
Vue3.4之defineModel的用法
前端·vue.js
DataFunTalk22 分钟前
Foundation Agent:深度赋能AI4DATA
前端·后端·算法
hboot24 分钟前
rust 全栈应用框架dioxus
前端·rust·全栈
我是仙女你信不信29 分钟前
生成pdf并下载
前端·javascript·vue.js
少糖研究所29 分钟前
记一次Web Worker的使用
前端·性能优化
乔乔不姓乔呀32 分钟前
pc 和大屏如何适配
前端
speedoooo42 分钟前
新晋前端框架技术:小程序容器与SuperApp构建
前端·小程序·前端框架·web app
vvilkim1 小时前
React 组件类型详解:类组件 vs. 函数组件
前端·javascript·react.js