使用MUI的Tabbar时，有一条横线（阴影），如何去除？

在使用MUI Tabbar时出现了一条横线，如图

直接上代码

.mui-bar{
  box-shadow: 0 0 2px rgba(0,0,0,0) !important;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0) !important;
}

这样便可以去除阴影，并切还可以自定义阴影

---

分析

我们可以通过审查元素查找改样式

此时我们找到了 改样式为 类mui-bar 中的box-shadow属性

但当我们进行更改时发现却没有生效，因此我们需要加上 !important