vue覆盖elementui样式的几种方式
1、去掉 scoped 提升样式至全局。
2、使用深度选择器。
<style scoped> >>>.el-checkbox__input > .el-checkbox__inner { display:none; } </style>
3、使用/deep/ 或者 ::v-deep 实现。
<style lang="scss" scoped> /deep/ .el-checkbox__input > .el-checkbox__inner { display:none; } </style> <style lang="scss" scoped> .a{ ::v-deep .b { /* ... */ } } </style>
4、 部分样式无效,比如弹框或者模态框。
1、附加在没有scoped的style中
2、给消息提示框加类名
2、给消息提示框加类名
// 弹出注销提示框 this.$confirm('确认注销吗?', '提示', { customClass: 'message-logout' }).then(() => { this.$message({ message: '已成功注销', type: 'success' }) }).catch(() => { /* 用户取消注销 */ }) ... <style scoped> ... </style> <style> ... .message-logout { width: 350px; } </style>
本文来自博客园,作者:zwbsoft,转载请注明原文链接:https://www.cnblogs.com/zwbsoft/p/16178903.html
电话微信:13514280351