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

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

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

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

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

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

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

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

2在html代碼頁面上創(chuàng)建一個(gè)父ltdiv和一個(gè)子ltdiv，同時(shí)給這兩個(gè)div添加一個(gè)class分別為scrollboxscroll3給子ltdiv添加內(nèi)容，為了讓滾動(dòng)條可以實(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è)置一個(gè)高度和內(nèi)容超出后隱藏的樣式，給scroll設(shè)置內(nèi)容超出后顯示滾動(dòng)條高度為100%寬為100%加上滾動(dòng)條的寬4保存html代碼，使用瀏覽器打開，就會(huì)發(fā)現(xiàn)滾動(dòng)條已經(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的這個(gè)div的CSS屬性 在lthead下 ltstyle width100pxheight100px overflowscroll ltstyle overflowscoll的意思是總顯示滾動(dòng)條滾動(dòng)條的顏色，只有在IE瀏覽器才能顯示。

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

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