webkit 滚动条在 chrome 中不起作用

Question

我的 css 文件中有以下代码：

.workarea-view-scroll-wrapper::-webkit-scrollbar {
    width:0px;
    background: transparent;
}

当我在 chrome 中打开页面时，chrome 似乎将这些宽度和背景视为“无效的属性值”。我不确定是什么问题。

Answer 1

但是为什么你不选择#（id=？，无论如何尝试这个：

/* width */
.workarea-view-scroll-wrapper::-webkit-scrollbar {
  width: 0.1px !important;
}

/* Track */
.workarea-view-scroll-wrapper::-webkit-scrollbar-track {
  background: transparent !important; 
}
 
/* Handle */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb {
  background: transparent !important; 
}

/* Handle on hover */
.workarea-view-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: transparent !important; 
}