我们通常在用组件库或者调试web样式时 发现有 element.style这样的类名:
这种样式其实是行内样式导致的
//但是像element这种框架 没法修改行内样式
<el-tabs ref="navTabs" tab-position="left" style="height: 400px; margin-top: 100px" trigger='hover'>
<el-tab-pane v-for="item in Solution.productVoList" :label="item.productName" :key="item.id">
我们想要修改它的话 在类名后面加 !important强制改变其样式
::v-deep .el-tabs--left .el-tabs__active-bar.is-left {
height: 0 !important;
}
这样就可以修改了