Dreamweaver教程 FrontPage教程 Flash教程
  • CSS教程
  • javascript教程
    当前位置:教程 > 网页制作 > CSS教程 > 正文

    用CSS调整scrollbar(滚动条)换色

    编辑:教程网 来源:网络 时间:2011年06月26日 15:43

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

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

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

    代码如下:

    1. .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区域如图:

    用CSS调整scrollbar(滚动条)换色


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/css/6919.html

  • 上一篇:无hack并支持透明圆角框的全兼容九宫格布局
  • 下一篇:CSS Hack:区分IE6/IE7/IE8/Firefox