Html 白色角落webkit滚动条

我正在使用

：：-webkit scrollbar

在Chrome中创建自定义滚动条。我有一个

边界半径：10px

，这样做时，顶部有白色的角落：

抱歉，因为它是滚动条，所以有点难看

我希望角与标题div的颜色相同（

#dadae3

）。有没有办法不用改变滚动条的样式，只用CSS就可以去掉白色的角点

CSS（全文）：

HTML:

您可以为伪元素

-webkit scrollbar

设置

背景色

属性，这样您可以设置“角颜色”。

您必须设置

：-webkit scrollbar corner

伪元素，例如

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }

---

今天我在和这个滚动条角作斗争，它占用了空间，造成了不必要的间隙。如果我在容器上使用

overflow:auto

，这个滚动条角将完全消失，而滚动条本身仍然可见。

是的，这是有效的。但当你向下滚动时，它会在白色的背景下显示

#dadae3

。我会将背景色设置为透明吗？编辑：不，我不会将

背景色设置为透明。这也显示为白色的角。它已经是透明的（尝试为fiddler的输出iframe提供背景色），但请记住：它是一个滚动条。如果有东西在它后面，它会触发滚动，所以它后面不会有东西。好吧，我怀疑有人会注意到滚动条上的灰色角落。顺便说一句，这可能很快就会在一个实时网站上出现（只要我的服务器工作起来>：D），这应该被接受：即使它晚了一年多，它也为我解决了同样的问题，谢谢你。即使我放弃了这个项目，它仍然非常有用
<div style='background: #dadae3; width: 100%; height: 30px;'></div>
<div style='width: 100%; height: 1000px'></div>

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }