帶有自定義滾動條而無jQuery的HTML表格

我已經創建了一個帶有固定標題和可滾動主體的HTML表格。我想讓滾動條的樣式看起來像附加的圖像。 table design 帶有自定義滾動條而無jQuery的HTML表格

使用webkit，我已經更改爲滾動條的顏色，但我不知道如何添加圓。

::-webkit-scrollbar { 
    width: 15px; 
    background-color: #00467f; } 

::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } 

::-webkit-scrollbar-thumb { 
background-color: #00bce4; 
outline: 1px solid slategrey; 
z-index: 10; }

這可以使用只有HTML，CSS和純Javascript來實現嗎？

來源

2017-04-05 geekysneaks

我的猜測是你必須自己實現整個滾動條，而不僅僅是改變標準的外觀。 – Arg0n

隨着width: 30px;和height: 30px;，border-radius: 30px;給你一個圈子，也許這有助於獲得創意。

來源

2017-04-05 14:28:23 xDreamCoding

我將它添加到':: - webkit-scrollbar-thumb'中，它保持不變。 – geekysneaks

帶有自定義滾動條而無jQuery的HTML表格

回答

相關問題