Webkit scrollbar CSS, always a white box in corner

Question

Is there any way to avoid the default white box that appears on a custom styled webkit scroll bar?

The white box only appears when overflow is going both horizontally and vertically. (Using Google Chrome)

Edit: I have tried setting body background to a different colour - still only seeing a white box.

Screenshot:

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

This is a little out of date, but in chrome, you can set background colour to rgba(0,0,0,0). Anything with alpha 0 and the box won't show :)!

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

Answer 2

As E.C.Pabon mentioned, you can use the

 ::-webkit-scrollbar-corner {background-color: red;}

tag, setting the background-color to transparent worked for me.

::-webkit-scrollbar-corner {background-color: transparent;}