webkit-scrollbar在chrome中不起作用

时间:2019-01-02 14:23:44

标签: css webkit scrollbar

我的css文件中包含以下代码:

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

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

Attached screenshot

1 个答案:

答案 0 :(得分:0)

但是为什么不使用#(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; 
}