繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 滚动条换色调整代码
- CSS样式表
- CSS 书写有怎样的功能
- FireFox中上层高度不影下层的解决办法
- CSS text-shadow属性
- CSS @import与link的具体区别
- 详解css 定位与定位应用
- 网页设计新手30条进阶秘技
- CSS分栏布局的方法:绝对定位和浮动
- 针对IE8正式版的CSS hack
- 条件 CSS的使用
- CSS 垂直居中五种实现方法
- CSS教程 汇总让IE6崩溃的几种方法
- 左上角图片文字环绕在图片右侧
- 鼠标指向网页图片时图片周围显示虚线框
- CSS 快速提升设计可读性和维护性
- CSS3 完美实现圆角效果
- 网页排版 5个CSS基础
- CSS3 圆角效果
- HTML5 CSS3给网站设计带来出色效果
- CSS 网页布局 表格制作实例
- css 滚动条换色调整代码
CSS样式表 中的 css 滚动条换色调整代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 62 ::
收藏到网摘: 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
