如何選擇div的滾動條？

Question

我知道如何使用CSS來改變整個頁面的滾動條樣式，例如webkit-scrollbar代碼。

但是，我怎麼只想定位在div（而不是瀏覽器的div）的滾動條。如何在不使用JavaScript或jQuery的情況下完成此任務？

謝謝您的時間。

Answer 1

試試這個

.class::scrollbar 

也可使用前綴。

.class::-webkit-scrollbar 

Answer 2

如果我理解正確的，只是所需的div

div{box-sizing:border-box;} 
 
#red{padding:5px;width:100%;height:1500px;background:red;} 
 
#green{width:60%;height:900px;background:palegreen;overflow-y:hidden;}

<div id="red"> 
 
    <div id="green"> 
 
    </div> 
 
</div>