zoukankan      html  css  js  c++  java
  • 滚动条颜色设置(IE、chrome浏览器)

    /*滚动条*/
    #nicescroll1{overflow-y:auto;overflow-x:hidden;height:580px;
    scrollbar-arrow-color:#302D30; /*三角箭头的颜色*/
    scrollbar-face-color:#000; /*立体滚动条的颜色(包括箭头部分的背景色)*/
    scrollbar-3dlight-color:#302D30; /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color:#302D30; /*滚动条的高亮颜色(左阴影?)*/
    scrollbar-shadow-color:#302D30; /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color:#302D30; /*立体滚动条外阴影的颜色*/
    scrollbar-track-color:#302D30; /*立体滚动条背景颜色*/
    scrollbar-base-color:#302D30; /*滚动条的基色*/}
    #nicescroll2{overflow-y:auto;overflow-x:hidden;height:396px;
    scrollbar-arrow-color:#302D30; /*三角箭头的颜色*/
    scrollbar-face-color:#000; /*立体滚动条的颜色(包括箭头部分的背景色)*/
    scrollbar-3dlight-color:#302D30; /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color:#302D30; /*滚动条的高亮颜色(左阴影?)*/
    scrollbar-shadow-color:#302D30; /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color:#302D30; /*立体滚动条外阴影的颜色*/
    scrollbar-track-color:#302D30; /*立体滚动条背景颜色*/
    scrollbar-base-color:#302D30; /*滚动条的基色*/}
    #commend_list{overflow-y:auto;overflow-x:hidden;height:229px;
    scrollbar-arrow-color:#f8f9fb; /*三角箭头的颜色*/
    scrollbar-face-color:#000; /*立体滚动条的颜色(包括箭头部分的背景色)*/
    scrollbar-3dlight-color:#302D30; /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color:#302D30; /*滚动条的高亮颜色(左阴影?)*/
    scrollbar-shadow-color:#302D30; /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color:#302D30; /*立体滚动条外阴影的颜色*/
    scrollbar-track-color:#f8f9fb; /*立体滚动条背景颜色*/
    scrollbar-base-color:#302D30; /*滚动条的基色*/}
    /*chrome滚动条*/
    ::-webkit-scrollbar-track-piece{
     -webkit-border-radius:0;
    }
    ::-webkit-scrollbar{
     width:8px;
     height:8px;
    }
    ::-webkit-scrollbar-thumb{
     height:50px;
     background-color:#000;
     -webkit-border-radius:4px;
     outline-offset:-2px;
     border: 2px solid #000;
    }
    ::-webkit-scrollbar-thumb:hover{
     height:50px;
     background-color:#000;
     -webkit-border-radius:4px;
  • 相关阅读:
    vue 中使用阿里iconfont彩色图标
    团队作业九
    团队作业八
    团队作业七
    第二篇
    第三篇
    第一篇
    beta冲刺计划安排
    团队作业六
    团队作业五
  • 原文地址:https://www.cnblogs.com/dkwlxq/p/2960815.html
Copyright © 2011-2022 走看看