Невозможно добавить кнопки на пользовательскую полосу прокрутки

Question

Я изменил свойства css на полосе прокрутки, и кнопки исчезли.Когда я добавил это в свою таблицу стилей:

::-webkit-scrollbar-button {
   display: block;
}

полоса прокрутки имела два прямоугольника сверху и снизу, но стрелок не было.Когда я попытался щелкнуть верхнюю и нижнюю части каждого из прямоугольников, он прокручивался вверх и вниз.Есть ли способ добавить только одну кнопку на каждой стороне (вверху и внизу) со стрелками?

CSS:

/* Properties of Scrollbar */
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    background: #4d4d4d;
}
::-webkit-scrollbar-button {
    display: block;
}
::-webkit-scrollbar-thumb {
    background: #8d8d8d;
}
::-webkit-scrollbar-thumb:hover {
    background: #2b2b2b;
}

Answer 1

Вы используете ::-webkit-scrollbar-button неправильно.Он должен использоваться следующим образом:

::-webkit-scrollbar-button {
  background: blue;
}

Это также можно найти здесь