【万恶的el样式】之修改原ui样式

当,你觉得el的原ui效果已经不能满足你写无法修改的时候,用以下方式

1. 在你要修改样式的父元素上加一个自定义类名main-body,然后在样式里写:

<style scoped>

.main-body >>> .el-transfer__buttons {

    padding: 0 20px;

}

</style>

或者 ( /deep/快被淘汰了,就记一下吧)

<style scoped>

.main-body /deep/ .el-transfer__buttons {

    padding: 0 20px;

}

</style>

2. 当,你已经不满足于css样式时,你还可以:

<style lang="scss" scoped>

.main-body {

    ::v-deep {

        .el-transfer__buttons {

             padding: 0 20px;

        }

    }

}

</style>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容