如何修改element.style的样式

我们通常在用组件库或者调试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;
}

这样就可以修改了