Как сделать webkit-scrollbar видимым только на одном div?

Question

У меня переполненный горизонтальный контент, и я хочу, чтобы полоса прокрутки всегда была видна для поддержки устройств Windows, но я не хочу, чтобы полосы прокрутки были где-либо еще. `

 ::-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;
}

У меня есть этот CSS / sass, который, я думаю, должен работать, потому что класс имеет более высокую специфичность, однако я все еще не получаю полосу прокрутки на .polls-row

Какя могу сделать это?

Answer 1

Обновите ваш код ниже css

::-webkit-scrollbar {
    overflow:hidden;
}

Right Way ->  ::-webkit-scrollbar{ overflow:hidden; }
Wrong Way ->  ::-webkit-scrollbar{ display:none; }