CSS改變滾動條的預設樣式

2021-09-24 13:55:51 字數 502 閱讀 2169

/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/

::-webkit-scrollbar

/*定義滾動條軌道 內陰影+圓角*/

::-webkit-scrollbar-track

/*定義滑塊 內陰影+圓角*/

::-webkit-scrollbar-thumb

效果圖:

滾動條的屬性: 

::-webkit-scrollbar 滾動條整體部分,可以設定寬度啥的

::-webkit-scrollbar-button 滾動條兩端的按鈕

::-webkit-scrollbar-track  外層軌道

::-webkit-scrollbar-track-piece  內層滾動槽

::-webkit-scrollbar-thumb 滾動的滑塊

::-webkit-scrollbar-corner 邊角

::-webkit-resizer 定義右下角拖動塊的樣式

css 改變瀏覽器預設滾動條樣式

這個網上很多的教程,我就不多嗶嗶了,直接貼 方便自己和大家使用。可以把下面的 放到乙個css中,然後全域性引入就可以了。整個滾動條 webkit scrollbar 滾動條有滑塊的軌道部分 webkit scrollbar track piece 滾動條滑塊 豎向 vertical 橫向 horiz...

css控制預設滾動條樣式

針對webkit核心的瀏覽器,使用偽類來改變滾動條的預設樣式,詳情如下 滾動條組成部分 1.webkit scrollbar 滾動條整體部分 2.webkit scrollbar thumb 滾動條裡面的小方塊,能向上向下移動 或向左向右移動 3.webkit scrollbar track 滾動條...

改變滾動條的樣式

有些 的滾動條不是預設的灰色,而是紅 藍等其他顏色的,看起來很獨特,你只要把下面的 加入到你的主頁中即可 其中的7個顏色值 代表滾動條的不同部位 你可以隨意更改,直到滿意為止。要注意的是,必須使用ie 5.5以上版本的瀏覽器才能看到效果。如果是winform控制項,這樣做吧,簡單一點 system....