ブートストラップでスクロールバーのスタイルを変更するにはどうすればよいですか？

Question

私はブートストラップ4で作業していますが、スクロールバーのスタイルを変更する方法があるかどうかはわかります。私はちょうどWebkitモードで試しましたが、動かない。

i dont see any changes

Answer 1

次のコードは、WebKitの

::-webkit-scrollbar { 
    width: 12px; 
} 

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

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

ための作品は非常に単純な例作品以上http://bootsbin.com/bin/change-scrollbar-style-bootstrap/

Answer 2

Bhootsコードでしょうが、私は使用していますので、私はサムのbackgound色を追加しました暗い背景。彼が提供するリンクは、広告のためにハイジャックされています。

::-webkit-scrollbar { 
    width: 12px; 
} 

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

::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    background-color:#fff; 
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7); 
}