修改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;
}