修改element ui内置样式，样式穿透

最新推荐文章于 2022-11-29 11:33:31 发布

杨秉祺

最新推荐文章于 2022-11-29 11:33:31 发布

阅读量764

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/YBQyyds/article/details/125926229

版权

//关于element ui 修改css样式问题
//以vue模板为例
<template>
<div>
<el-menu-item index="1">
</el-menu-item>
</div>
<style>
//以.el-menu-item为例
::v-deep .el-menu-item{
padding-left: 0px;
background-color: #2D405E;
//给他自定义样式
//只需要给需要修改的element ui 内置样式的class类名前添加::v-deep就可以修改了
//这种方法叫做样视穿透，此类方法本人觉得最佳
}
</style>