修改第三方组件默认样式

深度选择器

修改el-input的样式:

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

查看DOM结构:

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

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

将 input 框背景色改为蓝色

相关推荐
Cocktail_py30 分钟前
JS如何调用wasm
开发语言·javascript·wasm
JIngJaneIL43 分钟前
就业|高校就业|基于ssm+vue的高校就业信息系统的设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·高校就业
一 乐1 小时前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·小区互助系统
Jonathan Star2 小时前
基于 **Three.js** 开发的 3D 炮弹发射特效系统
javascript·数码相机·3d
Heo2 小时前
原型理解从入门到精通
前端·javascript·后端
Heo2 小时前
通用会话控制方案
前端·javascript·后端
Heo2 小时前
跨域问题解决方案汇总
前端·javascript·后端
shmily麻瓜小菜鸡2 小时前
Element Plus 的 <el-table> 怎么点击请求后端接口 tableData 进行排序而不是网络断开之后还可以自己排序
前端·javascript·vue.js
二川bro2 小时前
第38节:WebGL 2.0与Three.js新特性
开发语言·javascript·webgl
xiaoxue..3 小时前
深入理解 JavaScript 异步编程:从单线程到 Promise 的完整指南
前端·javascript·面试·node.js