首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

批改滚动条的样式

2012-11-07 
修改滚动条的样式???整理 修改滚动条的样式:stylebody{overflow-x:scrollOVERFLOW-y: scroll scrollba

修改滚动条的样式

???

整理 修改滚动条的样式:

<style>
body{
overflow-x:scroll;
OVERFLOW-y: scroll;
scrollbar-face-color: #9EBFE8; //立体滚动条凸出部分的颜色
scrollbar-shadow-color: #FFFFFF; //立体滚动条阴影的颜色
scrollbar-highlight-color: #FFFFFF; //滚动条空白部分的颜色
scrollbar-3dlight-color: #9EBFE8; //立体滚动条亮边的颜色
scrollbar-darkshadow-color: #9EBFE8; //立体滚动条强阴影的颜色
scrollbar-track-color: #FFFFFF; //滚动条周围的颜色
scrollbar-arrow-color: #FFFFFF //上下按钮上三角箭头的颜色
}

</style>

其中也可以修改div的滚动样式。当需要修改iframe中滚动条的样式时需要将

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

除去。且修改iframe嵌套页面的样式。

热点排行