vue前端页面样式强制覆盖

86 阅读 0 评论 57 点赞

我是靠谱客的博主合适萝莉，最近开发中收集的这篇文章主要介绍vue前端页面样式强制覆盖，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<style lang="scss" scoped>

::v-deep .top{ //强制覆盖组件中.top类样式

left:20px

}

//覆盖element-ui跑马灯指示标识样式圆的

::v-deep .el-carousel .el-carousel__indicator--horizontal .el-carousel__button{

width:60px;

height:60px;

border-radius:60px;

}

</style>

强制修改element-ui提示文字宽度 .使用了::v-deep也不行,请同事帮忙,做了如下改动,添加了一个style

<style lang="scss" scoped>

::v-deep .top{ //强制覆盖组件中.top类样式

left:20px

}

</style>

<style>

.el-tooltip__popper{ //强制覆盖组件中.top类样式

max-width:500px !important;

font-size:15px;

}

</style>