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>

  • 相关阅读:
    《1024伐木累》-小白篇之月侠-总章节五
    《1024伐木累-周末特别篇》-中彩票了,开发APP
    《1024伐木累》-有话直说,蛋疼~
    《1024伐木累》- 老王请客吃晚饭,介绍对象
    《1024伐木累》-小白篇之丽姐(前篇)-总章节四
    程序员最值得听的歌曲TOP10
    《1024伐木累》-职位不分贵贱,没房子怎么乐
    偶是一只别人眼里的程序猿
    《1024伐木累》-写代码写的娘炮了
    《1024伐木累》-小白篇之加班(结束篇)-总章节三
  • 原文地址:https://www.cnblogs.com/liangle/p/2512536.html
Copyright © 2011-2022 走看看