如何删除我网站的左白色边框颜色

Question

您可以看到一个白色边框 https://www.bdevg.com。看左边的边框，不是右边的。

为了创建波浪动画，我使用了背景图像(bottom wave of top section)，它有背景颜色。

整个部分具有以下样式。

paddingTop:"30px",
    position: 'relative',
    width: '100%',
    height: '60vh',
    background: '#556cd6', //#3544ff, #35aaff
    overflow: 'hidden',
    margin:"0px"

波段有以下样式

height:"100px",
    width:"100%",
    position:"absolute",
    bottom:"0",
    left:"0",
    overflow:"hidden",
    backgroundImage:`url(/images/layout/wave.png)`,
    backgroundSize:"1000px 100px"

我试图检查其他兄弟元素和父元素应用的填充或边距。但是，我没有找到任何修复它的方法。

Answer 1

当您点击导航栏（首先展开汉堡）并检查时，它有一个右边框属性设置

.MuiDrawer-paperAnchorDockedLeft {
   border-right: 1px solid rgba(0, 0, 0, 0.12); }

只需删除属性，白色边框就会消失。

Answer 2

白色边框是侧边菜单的一部分。

.MuiDrawer-paperAnchorDockedLeft 是您看到此白色边框的原因。这必须保存！由于这是网站样式的一部分：

.MuiDrawer-paperAnchorDockedLeft {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

为了保持这个规则，你需要在.MuiDrawer-paperAnchorLeft选择器中设置left: -1px规则。这样做：

.MuiDrawer-paperAnchorLeft {
    left: -1px;
    right: auto;
}

如何删除我网站的左白色边框颜色

How to remove left white border-color of my website

html

css

border