修改 element-ui 组件 el-tabs 的选项卡字体大小样式无效的问题解决办法_elementui字体大小小于12不生效

作者：Monodyee | 2024-02-18 12:19:26

踩

elementui字体大小小于12不生效

1、问题如图所示：

el-tabs 的选项卡字体默认大小为 14px ，想修改它的大小，一般的方法就是重写 el-tabs__item 该类的样式，在加个！important ，它的样式就会被重写

2、解决方法：

但发现它的样式并没有覆盖，字体的样式还是原来的样式，百思不得其解，废了好多精力，终于找到了罪归祸首，那就是 scope，我在我的style标签里加入了这个标签属性，无论怎么重写，样式都没有被改变，把其去掉了之后，重写的样式终于起效了，其中的深意我也不得其解，如果你们也有类似的问题，希望能帮助到你们。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/107856