スクロールバーのスタイルの最適化

デフォルトのブラウザのスクロールバーのスタイルが良い見ていない、彼らの望ましい効果のために、以下のCSSのスクロールバーのスタイルを最適化することができます

:: - WebKitの-スクロールバートラックピース { 
    背景色：#FFF。
    -webkitボーダー半径：0
 } 
:: - WebKitの、スクロールバー { 
    幅：10pxの。
    高さ：10pxの
 } 
:: - WebKitの、スクロールバーのサム { 
    高さ：は50px。
    背景色：＃1 b8b8b8 ; 
    -webkitボーダー半径：計6Px。
    概要：2ピクセル固体#FFF ; 
    アウトライン・オフセット：-2px。
    ボーダー：2ピクセル固体#FFF ; 
    フィルタ：アルファ（不透明度= 50） 。
    -moz-不透明度：0.5。
    -khtml-不透明度：0.5。
    不透明度：0.5
 } 
:: - WebKitの、スクロールバーのサム：ホバー { 
    高さ：は50px。
    背景色：＃878987 ; 
    -webkitボーダー半径：計6Px
 }