修改第三方组件默认样式

深度选择器

修改el-input的样式:

html 复制代码
<el-input class="input-area"></el-input>

查看DOM结构:

原本使用 /deep/ 但是可能不兼容 使用 :deep

javascript 复制代码
.input-area {
  :deep(.el-input__inner){
    background-color: blue;
  }
}

将 input 框背景色改为蓝色

相关推荐
BillKu18 分钟前
npm 安装命令中关于 @ 的讲解,如:npm install @vue-office/docx vue-demi
前端·vue.js·npm
bestadc21 分钟前
LeetCode 几道 Promises 和 Time 的题目
javascript·算法·leetcode
萌萌哒草头将军36 分钟前
Node.js v24.8.0 新功能预览!🚀🚀🚀
前端·javascript·node.js
超人不会飛39 分钟前
大模型应用 Vue H5 模板:快速落地流式交互与富文本渲染的开箱方案
前端·vue.js·github
奇怪的前端743 分钟前
Alien-Signals 响应式系统
前端·vue.js
DLF_ou1 小时前
vue3+openlayers项目初始化
vue.js
太空游走的鱼1 小时前
Vue3 + Vite + Element Plus web转为 Electron 应用,解决无法登录、隐藏自定义导航栏
javascript·electron·vue3·管理系统·element plsu
华仔啊1 小时前
Vue 的 DOM 更新竟然是异步的?90%的人没有搞懂 nextTick
前端·vue.js
GISer_Jing1 小时前
Next系统学习(二)
前端·javascript·node.js
织_网2 小时前
Electron 核心模块速查表
javascript·electron·策略模式