Webkit滾動條CSS，總是一個角落裏的白色框

-1

有沒有什麼辦法可以避免出現在自定義樣式的webkit滾動條上的默認白色框？Webkit滾動條CSS，總是一個角落裏的白色框

僅當水平和垂直溢出時纔會出現白色方框。（使用谷歌瀏覽器）

編輯：我試圖設置body背景到不同的顏色 - 仍然只看到一個白色的盒子。

截圖：

CSS：

::-webkit-scrollbar { 
    width: 6px; 
    height: 6px; 
} 

::-webkit-scrollbar-track { 
    background: transparent; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 5px; 
    background: rgba(0,0,0,0.35); 
} 
::-webkit-scrollbar-corner { 
    background: #0c0c0c; 
}

來源

2016-03-13 Richard Denton

儘管ECPabon提供的答案在技術上是正確的，但真正的錯誤是x64 Linux上的Chrome 50有一個GTK集成的bug。從Chrome 51開始，問題已得到解決。

來源

2016-07-21 06:40:06

沒有，有沒有辦法避免的白盒。
您可以設置它的背景色（如你是使它灰白色的：
::-webkit-scrollbar-corner { background: #0c0c0c; }
在這裏，我們對待僞元素和色彩下::-webkit-scrollbar-corner是白色因此，要獲得自定義的WebKit。滾動條與您的佈局融爲一體，您始終必須照顧到角落的顏色，並記住透明度超過了白色。

來源

2016-03-16 13:47:54

不錯downvotes ...爲什麼？ –

我想知道如何去除白色。哪一個元素導致這個問題 –

再次說明：你不能刪除白色，你必須將所需的顏色設置爲僞元素（:: - webkit-scrollbar-corner {background-color：red;}）。 –

這有點過時了，但在chrome中，可以將背景顏色設置爲rgba（0,0,0,0）。任何與阿爾法0和框不會顯示:)！

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

來源

2017-05-25 19:49:47 MishMash95

Webkit滾動條CSS，總是一個角落裏的白色框

回答

相關問題