类似图上的灰色线段，这是Tabs的默认样式，
在项目中的路径位置在：node_modules/element-ui/theme-chalk/tag.css
（我原本想在源文件直接改颜色的，但是找了一圈不知道哪个是他的颜色哈哈哈）
方法是：
.el-tabs /deep/ .el-tabs__nav-wrap::after{
background-color: #fff;
}/deep/ 深度作用操作符：可以使样式作用的更深，例如影响子组件。
同时，/deep/可以用>>>或::v-deep替代。其余两者都是>>>的别名
注意：
在使用深度作用操作符时，一定要是scoped局部样式（也就是在style后加scoped）才会有作用
改完之后的结果图如下：
文章来源：https://www.toymoban.com/news/detail-703562.html
官网链接：Scoped CSS | Vue Loader文章来源地址https://www.toymoban.com/news/detail-703562.html
到了这里，关于修改element-ui中Tabs标签页下划线默认颜色的方法以及为什么设置了.el-tabs /deep/ .el-tabs__nav-wrap::after不起效果的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
