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

效果图

相关推荐
不可能的是40 分钟前
Claude Code 子 Agent 机制全解:怎么跑起来、怎么被管理、怎么互不干扰
javascript
jeffwang42 分钟前
我做了个让 AI 看屏幕跑测试的工具,因为 Playwright 测不了我的 Flutter Web
前端
HSunR1 小时前
dify 搭建ai作业批改流
开发语言·前端·javascript
代码不加糖1 小时前
2026 跨境电商独立站实战:从 0 到 1 搭建高转化 SaaS 商城(附源码)
开发语言·前端·javascript
亲亲小宝宝鸭2 小时前
拖一拖控件,拖出个问卷(低代码平台)
前端·低代码
江南十四行2 小时前
ReAct Agent 基本理论与项目实战(一)
前端·react.js·前端框架
We་ct2 小时前
LeetCode 72. 编辑距离:动态规划经典题解
前端·算法·leetcode·typescript·动态规划
小呆呆6662 小时前
Codex 穷鬼大救星
前端·人工智能·后端
当时只道寻常3 小时前
Vue3 + IntersectionObserver 实现高性能图片懒加载
前端
用户617517157013 小时前
关于普通函数和箭头函数的this
javascript