繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 调整CSS的方式给滚动条换色
- CSS样式表
- 理解(X)HTML的文档结构
- CSS教程：理解继承属性及应用
- CSS网页布局：关于定位（position）
- CSS简单实现网页悬浮效果（对联广告）
- CSS教程：行高line-height属性(1)
- CSS Sprite图片处理技巧
- CSS教程:最基本的条状图表
- CSS教程:复合型条状图表
- 网页布局 CSS简单实现垂直居中
- CSS网页实例：斜角滑动门导航条
- CSS教程:专门介绍滑动门
- 网页文字应用CSS的一些技巧
- IE7与web标准设计（1）
- IE7与web标准设计（2）
- 网页的中英文字体对齐问题的解决
- IE7与web标准设计（3）
- CSS教程:网页英文字体和中文字体应用
- css教程:css和document
- CSS规则的结构和Grouping、class和id
- CSS解决浏览器的等宽空格问题
CSS样式表 中的 调整CSS的方式给滚动条换色
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 115 ::
收藏到网摘: 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
