修改第三方组件默认样式

深度选择器

修改el-input的样式:

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

查看DOM结构:

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

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

将 input 框背景色改为蓝色

相关推荐
雪芽蓝域zzs17 分钟前
第 5 节:Marker 点击弹出 InfoWindow 信息窗口
vue.js
小宋10212 小时前
A2UI从零实战:Agent安全生成交互界面与事件回传
javascript·人工智能·安全·交互
大包子3 小时前
structuredClone vs lodash.cloneDeep:核心差异与选型指南
javascript·vue.js
lerhxx3 小时前
AI 应用中的上下文管理 —— 从"上下文窗口"到"分层压缩"的工程实践
前端·javascript
雪芽蓝域zzs3 小时前
第 3 节:地图点击事件,点击获取经纬度
vue.js
Mahut3 小时前
我在 Mac 上做了个本地剪辑器
javascript·架构·产品
WayneX3 小时前
开源 Vue 3 组件库 Morya UI:把组件、文档、AI 工具链一起做进一个包
前端·vue.js·前端框架
汉堡大王95274 小时前
GPT-6 上线 48 小时,我扒开了 Intelligent UI 的运行机制:DIL、沙箱 Worker 和一个 React 式协调器
前端·javascript·后端
hai_android4 小时前
Chat 聊天模块功能总结
前端·javascript·vue.js
创世虚拟世界4 小时前
我做了一个 3D 虚拟世界基底,基于这个再做 3D 虚拟世界或者元宇宙,会事半功倍
javascript·人工智能·3d·gitee·虚拟现实