:: - webkit-scrollbar-thumbを小さくするには？

Question

CSS3でスクロールバーをカスタマイズします。スクロールバーの親指を小さく（短く）する方法はわかりません。幅または高さが機能しません。誰か助けてくれますか？親指の

#parent { 
 
    width: 300px; 
 
    height: 300px; 
 
    padding: 20px; 
 
    overflow: auto; 
 
} 
 

 
#child { 
 
    width: 250px; 
 
    height: 1000px; 
 
    margin: 0 auto; 
 
    border: 2px solid #8c1b21; 
 
} 
 

 
#parent::-webkit-scrollbar { 
 
    width: 15px; 
 
    background-color: #B79889; 
 
    border-radius: 5px; 
 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 
} 
 

 
#parent::-webkit-scrollbar-thumb { 
 
    background-color: #8c1b21; 
 
    border-radius: 5px; 
 
}

<div id="parent"> 
 
    <div id="child"></div> 
 
</div>

Answer 1

高さは、あなたがscroll

#parent { 
 
    width: 300px; 
 
    height: 300px; 
 
    padding: 20px; 
 
    overflow: auto; 
 
} 
 

 
#child { 
 
    width: 250px; 
 
    height: 4000px; 
 
    margin: 0 auto; 
 
    border: 2px solid #8c1b21; 
 
} 
 

 
#parent::-webkit-scrollbar { 
 
    width: 10px; 
 
    background-color: #B79889; 
 
    border-radius: 5px; 
 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 
} 
 

 
#parent::-webkit-scrollbar-thumb { 
 
    background-color: #8c1b21; 
 
    border-radius: 5px; 
 
}

<div id="parent"> 
 
    <div id="child"></div> 
 
</div>