提高权重覆盖element.style样式

使用elementui开发页面的时候,想修改每个导航条的padding-left的值,f12查看默认值是:

直接vue的<style scope></style>中设置

<style scope>

……

.el-submenu__title {

  padding-left: 0px !important;

……

}

</style>

最终检查还是无效,后发现增加style去掉scope属性才正确生效

<style>

.el-submenu__title {

  padding-left: 0px !important;

}

</style>

效果图(自定义属性覆盖了element.sytle内联属性):

You may also like...

发表评论