deep深度选择器

在写项目的过程中，用到了element-ui组件，但是组件都是蓝色的，而我的项目是以粉色为主题的，因此就需要用到了deep深度选择器来解决颜色问题

我主要变的就是输入框在focus状态下的颜色

上网搜寻后发现可以这么用，利用到了样式穿透的知识点

1
2
3

/deep/ .el-input:focus {
    border-color: #ffc7c7;
}

结果没有成功

后来问了我老哥，意识到了直接对el-input写样式是不行的，要找到确切的类名，像这样

1
2
3

/deep/ .el-input__inner:focus {
    border-color: #ffc7c7;
}

然后就ok了，ps:我用的是less，用deep是要有父元素的。