我有一個 div 上的 Chrome 自定義滾動條樣式。當兩個滾動條都顯示時，右下角會出現一個白色方塊。
<div class="scrollbox" id='a'>
</div>
body {
background: black;
}
div {
height: 100px;
width: 200px;
margin: 0 auto;
overflow: auto;
background: black;
color: white;
}
.scrollbox:hover::-webkit-scrollbar-thumb:hover {
background-color: #888;
}
.scrollbox:hover::-webkit-scrollbar-thumb {
visibility : visible;
background-color: #666;
border-radius: 4px;
}
.scrollbox:hover::-webkit-scrollbar {
background-color: #222;
border-radius: 4px;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
var a=document.getElementById('a');
for(var i=0; i<10; i ) {
a.innerHTML ='<br>' i ' aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa';
}
這是重現代碼：
我怎樣才能讓它變黑使它不出現？
uj5u.com熱心網友回復：
試試這個：
::-webkit-scrollbar-corner {
background: rgba(0,0,0,0);
}
任何 alpha 為 0 的東西都應該是不可見的，但如果愿意，您可以將其設定為黑色或其他顏色。在您的 Codepen 上的 Chrome 上進行了測驗，效果很好！
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/324884.html
上一篇：確保div父級包裝img子級