溫馨提示×

css怎么改變滾動條顏色

小億
934
2023-06-15 18:02:51
欄目: 編程語言

可以使用以下CSS樣式來改變滾動條的顏色：

/*滾動條整體樣式*/
::-webkit-scrollbar {
width: 12px;
}
/*滾動條軌道樣式*/
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/*滾動條滑塊樣式*/
::-webkit-scrollbar-thumb {
background: #888;
}
/*滾動條滑塊懸停樣式*/
::-webkit-scrollbar-thumb:hover {
background: #555;
}

其中，::-webkit-scrollbar用于設(shè)置滾動條整體的樣式，::-webkit-scrollbar-track用于設(shè)置滾動條軌道的樣式，::-webkit-scrollbar-thumb用于設(shè)置滾動條滑塊的樣式，::-webkit-scrollbar-thumb:hover用于設(shè)置滾動條滑塊懸停時的樣式。

需要注意的是，以上樣式只適用于WebKit瀏覽器（如Chrome和Safari），其他瀏覽器可能需要使用不同的樣式來改變滾動條顏色。

0 踩