筆記 頁面中滾動條樣式設定

2021-10-25 03:37:53 字數 571 閱讀 2119

1、清除頁面中的滾動條

html

/*谷歌適用*/

::-webkit-scrollbar

2、修改頁面滾動條樣式

::-webkit-scrollbar

/*定義滑塊顏色、內陰影及圓角*/

::-webkit-scrollbar-thumb

3、table**新增滾動條

/*設定滾動屬性*/

tbody

/*設定頭與內容自動對齊*/

table thead,

tfoot,

tbody tr

/*給滾動條預留寬度*/

table thead,

tfoot

::-webkit-scrollbar

/*定義滑塊顏色、內陰影及圓角*/

::-webkit-scrollbar-thumb

設定滾動條樣式

html scrollbar 3d light color立體滾動條亮邊的顏色 scrollbar arrow color上下按鈕上三角箭頭的顏色 scrollbar base color滾動條的基本顏色 scrollbar dark shadow color立體滾動條強陰影的顏色 scrollba...

定義頁面滾動條樣式

滾動條樣式定義 title style type text css body style head body pre body css屬性屬性說明 scrollbar 3dlight color滾動條亮邊框顏色 scrollbar arrow color滾動條方向箭頭的顏色 scrollbar da...

頁面滾動條樣式修改

你可以使用以下偽元素選擇器去修改各式webkit瀏覽器的滾動條樣式 全域性的樣式檔案中新增重置滾動條樣式 滾動條整體樣式 webkit scrollbar 滾動條裡面小方塊 webkit scrollbar thumb 滾動條裡面軌道 webkit scrollbar track 樣式 滾動條整體樣...