当我们在项目中:需要改变element某个自带的深层元素或其他深层样式时
如果是:
scss/less语言:
<style lang="scss" scoped>
(scoped属性实现组件样式私有化),
1:(简单粗暴)
直接移除scoped
或者
最好是新建一个没有scoped的style <style lang="scss">
(一个vue文件可以有多个style)
2:
✋/deep/
.div /deep/ .el-input__inner { border: none}
VUE3.0下使用/deep/可能会报错,这时可以采用::v-deep
✋ ::v-deep
.div ::v-deep .el-input__inner { border: none}
如果是:
css语言,可采用:深度作用选择器 >>>