zoukankan      html  css  js  c++  java
  • 滚动条样式设计IE支持

    1、 控制横向和纵向滚动条的显隐

    去掉滚动条 x 轴 <body > 
         去掉滚动条 y 轴 <body > 
         滚动条 x/y 轴全部去掉 <body scroll="no">

        2、滚动条颜色

         <style> 
         BODY{ 
         SCROLLBAR-FACE-COLOR: #ffffff; 
         SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
         SCROLLBAR-SHADOW-COLOR: #ffffff; 
         SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
         SCROLLBAR-ARROW-COLOR: #ffffff; 
         SCROLLBAR-TRACK-COLOR: #eeeeee; 
         SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;} 
         </style>

         SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色 
         SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色 
         SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色 
         SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色 
         SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色 
         SCROLLBAR-TRACK-COLOR 滚动条的背景颜色 
         SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色 
         SCROLLBAR-BASE-COLOR 滚动条的基本颜色

        3、 箭行符号滚动条代码

    <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: white; 
         scrollbar-highlight-color: white; 
         scrollbar-shadow-color: white; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        4、 一侧滚动条代码

         <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: white; 
         scrollbar-highlight-color: white; 
         scrollbar-shadow-color: hotpink; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        5、 朴素型滚动条代码

         <style type="text/css"> 
         <!-- 
         BODY { 
         scrollbar-face-color: white; 
         scrollbar-highlight-color: hotpink; 
         scrollbar-shadow-color: hotpink; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        6、一侧滚动条代码

    <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: white; 
         scrollbar-highlight-color: white; 
         scrollbar-shadow-color: hotpink; 
         scrollbar-3dlight-color: white; 
         scrollbar-arrow-color: hotpink; 
         scrollbar-track-color: white; 
         scrollbar-darkshadow-color: white} 
         --> 
         </style>

        7、 立体型滚动条代码

         <style type="text/css"> 
         <!-- 
         BODY {scrollbar-face-color: pink; 
         scrollbar-highlight-color: deeppink; 
         scrollbar-shadow-color: lavenderblush; 
         scrollbar-3dlight-color: lavenderblush; 
         scrollbar-arrow-color: white; 
         scrollbar-track-color: lavenderblush; 
         scrollbar-darkshadow-color: deeppink} 
         --> 
         </style>

  • 相关阅读:
    图解 Cisco IOS 命名规范
    2008北京奥运会足球赛程(男足)
    使用VPC在dynamips环境中模拟PC
    转:MSN反监听及其信息加密技巧!
    活动目录中用户和联系人有变化,但是outlook中的全局地址薄没有反映当前变化
    IE7 的安全警告
    exchange 路由组,管理组,存储组
    中式与西式网页设计的差别http://www.backboneitgroup.com/chinasearchdifferences.htm
    非常清晰的Cisco PIX Syslog 配置说明
    采用Cisco 2600系列替换Cisco 2500系列
  • 原文地址:https://www.cnblogs.com/liangle/p/2512536.html
Copyright © 2011-2022 走看看