如何摆脱滚动条的白色角

Question

因此，我开始构建一个站点，并成功地制作了一个导航栏等。我开始改变滚动条的样式，但当我这样做的时候，有一些白色的角落破坏了网站的整个方面，下面是一张图片：

https://i.stack.imgur.com/MhhyT.png另一张整版图片：此处

提前感谢：-(

这是我的css代码：

::-webkit-scrollbar {
width: 12px;
bacgkround-color: #c7c7c7;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #c7c7c7;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(330deg, #243a51 0%, #243a51 100%);
background-image: linear-gradient(120deg, #243a51 0%, #243a51 100%);
}

Answer 1

我认为您有边界半径问题。

::-webkit-scrollbar-thumb {
border-radius: 10px;        // remove it
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(330deg, #243a51 0%, #243a51 100%);
background-image: linear-gradient(120deg, #243a51 0%, #243a51 100%);
}