Css 如何使webkit滚动条仅在一个div上可见？

我有一些溢出的水平内容，并希望有一个滚动条始终可见，以支持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行上获得滚动条

---

我如何才能做到这一点？

使用下面的css更新您的代码

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

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

---

这是有效的，除了我仍然可以看到滚动条应该在哪里，只是没有拇指。仍然存在一条内容超出范围且可见的曲目。