Сделать webkit-scrollbar невидимым для всех, кроме одного div?

Question

У меня есть css / sass ниже. Я хочу включить полосу прокрутки только на одном div, но приведенный ниже код не работает. Установка переполнения :: webkit-scrollbar на скрытый также не работает, потому что там, где трек полосы прокрутки по-прежнему покрывает часть содержимого div, там просто нет большого пальца. Как я могу это сделать?

 ::-webkit-scrollbar {
    display: none;
}
.polls-row::-webkit-scrollbar {
    height: 1rem;
}

.polls-row::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.polls-row::-webkit-scrollbar-thumb {
  background-color: $color-border;
  border-radius: $radius;
  outline: 1px solid slategrey;
}