css修改滾動條樣式

2022-06-14 09:03:09 字數 596 閱讀 2990

/*修改滾動條樣式*/

div::-webkit-scrollbar

div::-webkit-scrollbar-track

div::-webkit-scrollbar-thumb

div::-webkit-scrollbar-thumb:hover

div::-webkit-scrollbar-corner

::-webkit-scrollbar 滾動條整體部分

::-webkit-scrollbar-thumb 滾動條裡面的小方塊,能向上向下移動(或往左往右移動,取決於是垂直滾動條還是水平滾動條)

::-webkit-scrollbar-track 滾動條的軌道(裡面裝有thumb)

::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕,允許通過點選微調小方塊的位置。

::-webkit-scrollbar-track-piece 內層軌道,滾動條中間部分(除去)

::-webkit-scrollbar-corner 邊角,即兩個滾動條的交匯處

::-webkit-resizer 兩個滾動條的交匯處上用於通過拖動調整元素大小的小控制項

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...