css 滾動(dòng)條換色調(diào)整代碼
發(fā)布時(shí)間：2009-07-18 02:07:06 作者：佚名 
我要評(píng)論
我要評(píng)論PSD轉(zhuǎn)html，
設(shè)計(jì)稿上，有一處內(nèi)嵌的介紹信息，當(dāng)文字過(guò)長(zhǎng)時(shí)，要求使用一個(gè)經(jīng)過(guò)處理的滾動(dòng)條來(lái)展示。
如果要求兼容firefox，可以使用JQ來(lái)進(jìn)行制作。
如果僅要求IE瀏覽器，可以通過(guò)調(diào)整CSS的方式，來(lái)給滾動(dòng)條換色。
代碼如下：
.uicss-cn
{
height:58
PSD轉(zhuǎn)html，
設(shè)計(jì)稿上，有一處內(nèi)嵌的介紹信息，當(dāng)文字過(guò)長(zhǎng)時(shí)，要求使用一個(gè)經(jīng)過(guò)處理的滾動(dòng)條來(lái)展示。
如果要求兼容firefox，可以使用JQ來(lái)進(jìn)行制作。
如果僅要求IE瀏覽器，可以通過(guò)調(diào)整CSS的方式，來(lái)給滾動(dòng)條換色。
代碼如下：
- .uicss-cn
- {
- height:580px;overflow-y: scroll;
- scrollbar-face-color:#EAEAEA;
- scrollbar-shadow-color:#EAEAEA;
- scrollbar-highlight-color:#EAEAEA;
- scrollbar-3dlight-color:#EAEAEA;
- scrollbar-darkshadow-color:#697074;
- scrollbar-track-color:#F7F7F7;
- scrollbar-arrow-color:#666666;
- }
具體樣式對(duì)應(yīng)的scrollbar區(qū)域如圖：
相關(guān)文章
css設(shè)置滾動(dòng)條顏色與樣式以及如何去掉與隱藏滾動(dòng)條
我們大家在瀏覽網(wǎng)頁(yè)的時(shí)偶爾會(huì)看到很漂亮的各種顏色樣式的滾動(dòng)條，這就是通過(guò)css代碼控制來(lái)實(shí)現(xiàn)的，于是本人搜集整理一番，這里和大家分享一下使用CSS設(shè)置滾動(dòng)條顏色以及如2012-12-16CSS設(shè)計(jì)之頁(yè)面滾動(dòng)條出現(xiàn)時(shí)防止頁(yè)面跳動(dòng)的方法
這篇文章主要介紹了CSS設(shè)計(jì)之頁(yè)面滾動(dòng)條出現(xiàn)時(shí)防止頁(yè)面跳動(dòng)的方法,在使用overflow:auto之后這樣的跳動(dòng)情況是一個(gè)常見(jiàn)問(wèn)題,本文給出了相關(guān)處理方法,需要的朋友可以參考下2015-06-08
CSS3帶有實(shí)用Tooltip和自定義滾動(dòng)條的精美聊天窗口源碼
這次我們要分享一款基于CSS3和HTML5的自定義聊天窗口，這里要聲明的是它并不能完成聊天的功能，只是提供了聊天窗口的UI，包括，聊天語(yǔ)句的Tooltip樣式，還有漂亮的自定義滾2014-12-16純CSS改變webkit內(nèi)核瀏覽器的滾動(dòng)條樣式
這篇文章主要介紹了純CSS改變webkit內(nèi)核瀏覽器的滾動(dòng)條樣式,需要的朋友可以參考下2014-04-17css實(shí)現(xiàn)div自動(dòng)添加滾動(dòng)條(圖片或文字等超出時(shí)顯示)
css實(shí)現(xiàn)div自動(dòng)添加滾動(dòng)條比較實(shí)用的功能，當(dāng)圖片或文字超出div所規(guī)定的寬或高時(shí)，會(huì)自動(dòng)出現(xiàn)滾動(dòng)條，這一點(diǎn)還是比較有利于用戶(hù)體驗(yàn)的，本文整理了一些實(shí)現(xiàn)自動(dòng)滾動(dòng)條的方2013-01-25div css 滾動(dòng)條樣式 DIV滾動(dòng)條屬性及樣式設(shè)置方式
所謂DIV滾動(dòng)條，就是利用DIV標(biāo)簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當(dāng)div所規(guī)范的區(qū)域內(nèi)的內(nèi)容達(dá)到一定程序時(shí)，滾動(dòng)條就派上用場(chǎng),這里為你介紹DIV滾動(dòng)條2012-12-23
滾動(dòng)條CSS代碼生成器是一款方便的設(shè)計(jì)瀏覽器滾動(dòng)條CSS代碼的東東。完全可視化操作2012-02-25css textarea 高度自適應(yīng),無(wú)滾動(dòng)條
用css控制textarea文本域的高度隨內(nèi)容的變化而變化,不出現(xiàn)滾動(dòng)條.2009-07-11- 采用如下的樣式 [code] margin:auto; width:98%; overflow:scroll; _height:expression(this.scrollHeight>365?"365px":"auto"); [/code]2009-06-05
- 這篇文章主要通過(guò)三種方法給大家分享css隱藏滾動(dòng)條的方法，在此我比較推薦第二種方法，當(dāng)然也根據(jù)實(shí)際情況。對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2015-11-18
