VUE项目中修改elementUI中CSS穿透 专治CSS样式强迫症

2020-07-13 03:07:07 执剑追风 139 前端开发 / CSS

使用场景:当我们使用elementUI框架进行开发项目时,有时候需要根据需求自定义一些UI界面,比如修改table的一些样式,常规CSS修改发现无法实现。

elementUI(饿了么UI框架)中CSS穿透修改,专治CSS样式强迫症!


推荐方法

<style scoped>

::v-deep .el-radio{

.........

}

</style>

注意v-deep前面是双冒号


其它方法

<style scoped>

/deep/ .el-radio{

...............

}

</style>


<style scoped>

.cssname >>> .el-radio{

...............

}

</style>