css - Webkit 滚动条 CSS， Angular 落里总是一个白框

Question

有什么方法可以避免出现在自定义样式的 webkit 滚动条上的默认白框吗？

只有在水平和垂直溢出时才会出现白框。 (使用谷歌浏览器)

编辑:我已经尝试将 body 背景设置为不同的颜色 - 仍然只看到一个白色框。

截图:

CSS:

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0,0,0,0.35);
}
::-webkit-scrollbar-corner {
  background: #0c0c0c;
}

Answer 1

这有点过时了，但在 chrome 中，您可以将背景颜色设置为 rgba(0,0,0,0)。任何带有 alpha 0 和方框的东西都不会显示 :)!

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