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

效果图

相关推荐
拾光拾趣录14 分钟前
CSS常见问题深度解析与解决方案(第三波)
前端·css
徊忆羽菲21 分钟前
Echarts3D柱状图-圆柱体-文字在柱体上垂直显示的实现方法
javascript·ecmascript·echarts
轻语呢喃31 分钟前
JavaScript :字符串模板——优雅编程的基石
前端·javascript·后端
杨进军32 分钟前
React 协调器 render 阶段
前端·react.js·前端框架
中微子35 分钟前
Blob 对象及 Base64 转换指南
前端
风铃喵游35 分钟前
让大模型调用MCP服务变得超级简单
前端·人工智能
markyankee10135 分钟前
Vue 响应式系统全面解析:从基础到高级实践
vue.js
中微子36 分钟前
智能前端实践之 shot-word demo
前端
归于尽36 分钟前
智能前端小魔术,让图片开口说单词
前端·react.js
用户98738245810137 分钟前
vite 插件
前端