1用一個div，定制成圖中的寬度和高度 2然后再把div的樣式設(shè)成overflowyscroll，當(dāng)div里的文字超出那個高度的時候，滾動條就出來了例如ltdiv style=quotwidth100px height100px overflowauto border1px so。

webkitscrollbarcorner 邊角 webkitresizer 定義右下角拖動塊的樣式 通過這些偽元素，可以完全的重寫一個網(wǎng)站的滾動條樣式當(dāng)然webkit提供的不止這些，還有很多偽類，可以更豐富滾動條樣式horizontal – horizontal偽類。

1首先，打開html編輯器，新建一個html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入樣式代碼style=quotoverflo scroll 3瀏覽器運(yùn)行indexhtml頁面，此時html會有橫線滾動條，并且隱藏了縱向。

通過CSS樣式改變 ltSTYLE type=textcss lt！ BODY scrollbarfacecolor #FF0000 scrollbarhighlightcolor #00FF00scrollbardarkshadowcolor #ff0000scrollbar3dlightcolor #ff0000scrollbararrow。

但是發(fā)現(xiàn)lttextarea默認(rèn)會自動換行，不能直接出現(xiàn)水平滾動條，所以為了實(shí)現(xiàn)該效果，需要對lttextarea做一些處理，輸入lttextarea wrap=quotoffquot style=quotoverflowscrollquotlttextarea就可以設(shè)置滾動條了。

自動顯示滾動條 ltdiv style=quotheight100pxwidth100pxoverflowautoquottestltdi v 2，自己定義滾動條的顏色 我們一般默認(rèn)的滾動條樣式如下左圖，右圖是放大了1600倍的樣 子，我們可以看到滾動條有幾種言責(zé)組合的，我。

auto 等彈性值2其中的內(nèi)容高度必須超過它本身的高度3必須添加屬性 “overflowauto”隱藏滾動條1去掉水平方向的滾動條ltbody style=quotoverflohiddenquot2去掉垂直方向的滾動條ltbody style=quot。

width100pxoverflowautoquottestltdiv 2，自己定義滾動條的顏色 我們一般默認(rèn)的滾動條樣式如下左圖，右圖是放大了1600倍的樣子，我們可以看到滾動條有幾種言責(zé)組合的，我給他們標(biāo)了7個號， 分別注釋在下面的css代碼的后面。

2在html代碼頁面上創(chuàng)建一個父ltdiv和一個子ltdiv，同時給這兩個div添加一個class分別為scrollboxscroll3給子ltdiv添加內(nèi)容，為了讓滾動條可以實(shí)現(xiàn)，盡量多添加一些內(nèi)容4設(shè)置scrollboxscroll類樣式給。

table設(shè)置overfloauto，overflowyhidden thead設(shè)置overflowhidden tbody設(shè)置overflowyhidden，overflohidden 還有就是你table要定寬高。

3接著設(shè)置scrollboxscroll類樣式給scrollbox設(shè)置一個高度和內(nèi)容超出后隱藏的樣式，給scroll設(shè)置內(nèi)容超出后顯示滾動條高度為100%寬為100%加上滾動條的寬4保存html代碼，使用瀏覽器打開，就會發(fā)現(xiàn)滾動條已經(jīng)不。

就是，不能實(shí)現(xiàn)size=6的話就不是下拉框了只能用div+css+js模擬效果。

webkitscrollbar width 3px backgroundcolor rgba255，255，255，3webkitscrollbarthumb background #dbdbdb backgroundclip contentboxselection background。

ltdiv id=quotabcquotltdiv 定義id為abc的這個div的CSS屬性 在lthead下 ltstyle width100pxheight100px overflowscroll ltstyle overflowscoll的意思是總顯示滾動條滾動條的顏色，只有在IE瀏覽器才能顯示。

目前只有chrome支持設(shè)置滾動條樣式，給div設(shè)置偽類 webkitscrollbar 滾動條整體部分，可以設(shè)置寬度啥的 webkitscrollbarbutton 滾動條兩端的按鈕 webkitscrollbartrack 外層軌道 webkitscrollbartrack。

input中text只接收單行文本，基本不會出現(xiàn)垂直滾動條可以用css設(shè)置overflow為scroll或auto使之有滾動條，前者始終有滾動條，后者在必要時才顯示想要輸入多行文本，應(yīng)該使用textarea標(biāo)簽，滾動條設(shè)置和前所述一樣。