Webkit scrollbar CSS, всегда белый квадрат в углу

Question

Есть ли способ избежать белого поля по умолчанию, который появляется на специальной полосе прокрутки webkit?

Белый ящик появляется только в том случае, когда переполнение идет как по горизонтали, так и по вертикали. (Использование Google Chrome)

Редактировать: Я пробовал настройку 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

Хотя ответ, предоставленный ECPabon, был технически корректным, реальная ошибка была Chrome 50 на x64 Linux имел ошибку с интеграцией GTK. Начиная с Chrome 51 проблема исправлена.

Answer 2

Нет, нет никакого способа, чтобы избежать белой коробке.
Вы можете установить цвет фона этого (как ты делаешь его серовато-белым:
::-webkit-scrollbar-corner { background: #0c0c0c; }
Мы имеем здесь дело с псевдо элементами и цветом под::-webkit-scrollbar-corner является белым Так, чтобы получить пользовательские WebKit. прокрутка в сочетании с вашей планировкой, вы всегда должны заботиться о цвете угла и имейте в виду, что прозрачность над белым цветом.

Answer 3

Это немного устаревший, но в хромированном цвете вы можете установить цвет фона rgba (0,0,0,0). Ничего с альфа-0 и ящик не покажут :)!

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