当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 滚动条换色调整代码

CSS样式表
图片的alt（替换文本）属性描述
CSS布局实例代码 两列布局实例
将PSD网站模板转换为XHTML+CSS
div+css 定位浅析
CSS 浏览器专用
css设置z-index 失效的解决方法
Div+Css实现屏蔽效果
css 鼠标经过文字变色
不用JS只用CSS制作的网页下拉菜单
CSS 类名的长命名和短命名
css ul li 的使用及浏览器兼容问题
div中英文无法自动换行的解决办法
CSS 基础教程 在网页中使用CSS
CSS技巧 使用标签来创建导航菜单(滑动门教程)
用css创建一个类似按扭的导航
css 横向菜单实现代码
使用CSS做出一个嵌套导航.
css 列表菜单的设计
网页中图片应用CSS的滤镜的效果
CSS 漂亮搜索框美化代码

No. « 108 109 110 111 »

技术文章搜索

关键字

CSS样式表 中的 css 滚动条换色调整代码

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 45 ::
收藏到网摘: n/a

PSD转html，
设计稿上，有一处内嵌的介绍信息，当文字过长时，要求使用一个经过处理的滚动条来展示。

如果要求兼容firefox，可以使用JQ来进行制作。

如果仅要求IE浏览器，可以通过调整CSS的方式，来给滚动条换色。

代码如下：

       
  1. .uicss-cn
    2.    
  2. {
    3.    
  3. height:580px;overflow-y: scroll;
    4.    
  4. scrollbar-face-color:#EAEAEA;
    5.    
  5. scrollbar-shadow-color:#EAEAEA;
    6.    
  6. scrollbar-highlight-color:#EAEAEA;
    7.    
  7. scrollbar-3dlight-color:#EAEAEA;
    8.    
  8. scrollbar-darkshadow-color:#697074;
    9.    
  9. scrollbar-track-color:#F7F7F7;
    10.    
  10. scrollbar-arrow-color:#666666;
    11.    
  11. }

具体样式对应的scrollbar区域如图：

scrollbar