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(立体滚动条强阴影的颜色)
  • 相关阅读:
    ubuntu 完全干净的卸载docker
    thinkphp5 助手函数input的常用方法
    thinkphp6
    docker编排
    Linux下的tar压缩解压缩命令详解
    scp拷贝命令
    一行命令搞定node.js 版本升级
    git 设置文件大小写敏感
    ubuntu1804php安装
    关于权限表的基本设计
  • 原文地址:https://www.cnblogs.com/Mac_Hui/p/1697121.html
Copyright © 2011-2022 走看看