ボディ用ではなくdiv用にスクロールバーのデザインをカスタマイズ

Question

スクロールバーのデザインをカスタマイズしたいと思います。しかし、それは体のスクロールバーも変えます。私は選択されたdivのためだけにそれが欲しいです。どうしたらいいですか？

Answer 1

CSSでスクロールバースタイルを定義する前にクラスを追加できます。すべての

/* Scrollbars */ 
.custom-scroll::-webkit-scrollbar { 
    width: 10px; 
    height: 10px; 
} 
.custom-scroll::-webkit-scrollbar-track { 
    background-color: #E0E0E0; 
} 
.custom-scroll::-webkit-scrollbar-thumb { 
    background-color: #8B8B8B; 
} 
.custom-scroll::-webkit-scrollbar-thumb:hover { 
    background-color: #C40030; 
} 
.custom-scroll * { 
    scrollbar-face-color: #8b8b8b; 
    scrollbar-track-color: #e0e0e0; 
    scrollbar-shadow-color: #C40030; 
} 
/* END Scrollbars */ 

https://jsfiddle.net/oLh66xut/1/