zoukankan      html  css  js  c++  java
  • css改变谷歌浏览器的滚动条样式

    /*---滚动条默认显示样式--*/
    ::-webkit-scrollbar-thumb{
       
       height:50px;
       outline-offset:-2px;
       outline:2px solid #fff;
       -webkit-border-radius:4px;
       border: 2px solid #fff;
    }
     
    /*---鼠标点击滚动条显示样式--*/
    ::-webkit-scrollbar-thumb:hover{
       
       height:50px;
       -webkit-border-radius:4px;
    }
     
     
    /*---滚动条大小--*/
    ::-webkit-scrollbar{
       8px;
       height:8px;
    }
     
    /*---滚动框背景样式--*/
    ::-webkit-scrollbar-track-piece{
       
       -webkit-border-radius:0;
    }
     
     
    ==========================
    ::-webkit-scrollbar-track { background-color: #b46868; } /* 滚动条的滑轨背景颜色 */ 
    ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* 滑块颜色 */ 
    ::-webkit-scrollbar-button { background-color: #7c2929; } /* 滑轨两头的监听按钮颜色 */
    ::-webkit-scrollbar-corner { background-color: black; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
  • 相关阅读:
    IE浏览器请求数据是提示下载的问题
    jS清除浏览器缓存
    JS获取时间戳
    keycode
    JS简单解决并发量
    写移动端流氓方法,无意看到,分享下
    CSS中的rem的换算
    jsp会话监听
    jsonp在jsp中的使用
    Java中的位运算符
  • 原文地址:https://www.cnblogs.com/xuan52rock/p/4484108.html
Copyright © 2011-2022 走看看