如何隐藏水平和垂直滚动条会聚的矩形？

Question

我已经更改了溢出CSS，但是我的应用程序设计是深色的，因此我可以看到两个滚动条会聚的白色矩形。如何隐藏它？

::-webkit-scrollbar {
  width: 20px;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #edde5d;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #f09819;
}

Answer 1

根据您的方便使用此CSS，效果很好：

::-webkit-scrollbar-corner {
  background: rgba(0,0,0,0); // transparent or any other color you want
}