白のコーナーのWebKit-スクロールバー

Question

Fiddle

。

申し訳ありませんが、それはそれは、スクロールバーだから見にちょっと難しい：私はborder-radius: 10pxと白のコーナーが一番上にある、ということにしています。

Iは、角部が、ヘッダDIV（#dadae3）と同じ色になりたいです。スクロールバーのスタイルを変更せずにCSSを使用して白い隅を取り除く方法はありますか？

CSS（全体）：

body { 
    padding: 0; 
    margin: 0 
} 
::-webkit-scrollbar { 
    width: 13px; 
} 
::-webkit-scrollbar-track { 
    background: #ffffff; 
    border-radius: 10px; 
    border: 1px solid #aeaeb5 
} 
::-webkit-scrollbar-thumb { 
    background: #dadae3; 
    border-radius: 10px; 
    border: 1px solid #aeaeb5 
} 
::-webkit-scrollbar-thumb:hover { 
    background: #c4c4cc 
} 
::-webkit-scrollbar-thumb:active { 
    background: #aeaeb5 
} 

HTML：

<div style='background: #dadae3; width: 100%; height: 30px;'></div> 
<div style='width: 100%; height: 1000px'></div> 

Answer 1

あなたは、例えば、::-webkit-scrollbar-corner擬似要素を設定する必要があります

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); } 

Answer 2

あなたは "コーナー色" を設定することができることやって、擬似要素-webkit-scrollbarためbackground-colorプロパティを設定することができます。