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; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
  • 相关阅读:
    Vue 路由组件
    编写第一个JavaScript程序
    JavaScript 介绍
    JavaScript
    前台数据库
    cookie
    js date string parse
    判断时间大小 yyyy-MM-dd 格式
    正则表达式替换
    测试计时器
  • 原文地址:https://www.cnblogs.com/xuan52rock/p/4484108.html
Copyright © 2011-2022 走看看