修改第三方组件默认样式

深度选择器

修改el-input的样式:

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

查看DOM结构:

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

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

将 input 框背景色改为蓝色

相关推荐
守正出琦10 分钟前
HTML 常用标签速查表
前端·javascript·html
fhsWar2 小时前
Vue3 props: `required: true` 与 vant 的`makeRequiredProp`
前端·javascript·vue.js
Keepreal4963 小时前
Web Components简介及如何使用
前端·javascript·html
进击的野人3 小时前
JavaScript变量声明的前世今生:从var到let/const的演进
javascript
柯腾啊4 小时前
“Script error.”的产生原因和解决办法
前端·javascript·浏览器
Cory.眼5 小时前
WebRTC入门指南:实时通信零基础
javascript·webrtc·实时通信
前端架构师-老李6 小时前
16 Electron 应用自动更新方案:electron-updater 完整指南
前端·javascript·electron
拖拉斯旋风6 小时前
📚 JavaScript 变量声明三剑客:`var`、`let`、`const` 学习笔记
javascript
可触的未来,发芽的智生8 小时前
追根索源:换不同的词嵌入(词向量生成方式不同,但词与词关系接近),会出现什么结果?
javascript·人工智能·python·神经网络·自然语言处理
努力写代码的熊大8 小时前
stack、queue与priority_queue的用法解析与模拟实现
java·前端·javascript