0
点赞
收藏
分享

微信扫一扫

修改scoped下的element的样式不生效的问题

40dba2f2a596 2022-05-05 阅读 180

修改scoped下的element的样式不生效的问题

一、@import引入css

<style  lang="scss" scoped>
@import 'src/assets/css/defines.scss';
#oaHeader {
    background: red;
}
</style>

二、样式区分写

<style lang="less" scoped>
.text {
  color: red;
}
</style>
<style lang="less">
.tooltip-width {
  max-width: 100px;
}
</style>

三、popper-class

<el-tooltip
   popper-class="tooltip-width"
   placement="top">
   <span slot="content" class="tooltip-text">asdfasdfasdfaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
     <span class="text">tooltip</span>
</el-tooltip>

<style lang="less" scoped>
.tooltip-text {
  max-width: 100px;
  display: inline-block;
}
</style>

//如果修改小箭头的样式
.el-tooltip__popper[x-placement^=top] .popper__arrow:after{
        border-top-color:  #595959 !important;
    }


举报

相关推荐

0 条评论