nickywan123
1 month ago
125
3
General

how to make webkit support in all other browsers?

Posted 1 month ago by nickywan123

I made a custom scrollbar styling using webkit. As far as I know it is only supported for Chrome browser.

Code:

.scrollbar::-webkit-scrollbar {
    width: 15px;
   
    
    
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
    
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background:#fbcc34; 
    
}

This means other browser will not see the CSS styling of my scrollbar. Is there any way to standardized it that it works in every browsers?

Please sign in or create an account to participate in this conversation.