zoukankan      html  css  js  c++  java
  • DIV滚动条颜色

    DIV滚动条颜色可由以下属性设定
    scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
    crollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色
    scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色
    scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
    scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色
    scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色
    scrollbar-base-color 设置或检索滚动条基准颜色。

    -------------------

    div显示滚动条的css代码

    <div style="260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

    效果如下:

    显示滚动条的代码

    div显示上下滚动条的css代码

    <div style="260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

    div只显示上下滚动条

    OVERFLOW-Y:scroll;这段是关键


    修改div滚动条颜色的css代码

    <div style="260px;height:120px; overflow-y:scroll; scrollbar-base-color:#ff6600; border:1px solid;"> 这里是你要显示的内容 </div>

    修改滚动条颜色的代码

    • SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)
    • SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)
    • SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)
    •  SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)
    •  SCROLLBAR-BASE-COLOR(滚动条的基本颜色)
    • SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)
  • 相关阅读:
    mysql编码和Java编码相应一览表
    Swift开发之 使用系统的TabbarController
    Shiro Quartz之Junit測试Session管理
    爱加密Android APk 原理解析
    【机器学习基础】自适应提升
    select默认选择的实现方法
    怎样找对还有一半--第一章 品行与择偶关系
    一步步教你怎样自己主动部署博客
    HTML5的新特性
    DataTables Table plug-in for jQuery
  • 原文地址:https://www.cnblogs.com/Mac_Hui/p/1697121.html
Copyright © 2011-2022 走看看