繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 滚动条换色调整代码
- CSS样式表
- css 块状元素和内联元素
- CSS 盒模型、块状元素与内联元素、CSS选择器
- css 浮动 理解Float的含义
- CSS 清除浮动Clear
- CSS 制作网页导航条(上)
- CSS 制作网页导航条(下)
- css 浮动(float)页面布局
- css 浮动(float)页面布局(下)
- css position 定位
- css 定位应用实例
- CSS Hack 有关浏览器兼容方面
- css 单图片按钮实例(css 图片变换)
- 使用X-UA-Compatible来设置IE浏览器兼容模式
- div overflow 超出隐藏属性使用说明
- CSS 使用规则总结
- div+CSS 兼容小摘
- CSS的inherit与auto使用分析
- 如何组织和注释CSS文件
- CSS样式按整洁易懂的结构组织
- CSS Prism 查看和编辑CSS中用到的颜色
CSS样式表 中的 css 滚动条换色调整代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 43 ::
收藏到网摘: n/a
PSD转html，
设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。
如果要求兼容firefox，可以使用JQ来进行制作。
如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。
代码如下：
- .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;
- }
具体样式对应的scrollbar区域如图：
评论 (0) All
