'webkit-scrollbar is not working in chrome

I have below code in my css file :

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

When I open the page in chrome, it appears that chrome treat these width and background as "invalid property value". I am not sure what is the problem.

Attached screenshot

csswebkitscrollbar


Solution 1:[1]

but why you didn't go with # (id= ?, anyway try this :

/* 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; 
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Romer

Related Questions