改變滾動條的樣式

2022-07-21 13:48:23 字數 697 閱讀 6372

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>改變滾動條預設樣式

title

>

<

style

>*/*

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

*/::-webkit-scrollbar

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

*/::-webkit-scrollbar-track

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

*/::-webkit-scrollbar-thumb

style

>

head

>

<

body

>

<

div

style

="width: 100%;height: 1200px;background: beige"

>

div>

body

>

html

>

效果圖:

改變滾動條的樣式

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

如何改變iframe的滾動條樣式

第 一 要ie5.5以上的版本。第二 看教程 用樣式表控制ie中的滾動條 2004 03 21 17 用樣式表控制ie中的滾動條.自從dhtml出現以來,微軟對dhtml功能的加強就沒有停止過,在微軟最新的遊覽器internet explorer 5.5的的ie5.5增加了許多新的樣式表內容,對滾動...

如何改變iframe的滾動條樣式?

第 一 要ie5.5以上的版本。第二 看教程 用樣式表控制ie中的滾動條 2004 03 21 17 用樣式表控制ie中的滾動條.自從dhtml出現以來,微軟對dhtml功能的加強就沒有停止過,在微軟最新的遊覽器internet explorer 5.5的的ie5.5增加了許多新的樣式表內容,對滾動...