zoukankan      html  css  js  c++  java
  • 自定义滚动条样式

    /*定义滚动条样式*/
      ::-webkit-scrollbar {
         10px!important;
        height: 80px!important;
      }
      ::-webkit-scrollbar-button {
       background-color: #ccc;
        display: none;
    
      }
      ::-webkit-scrollbar-track {
        background: #fff;
      }
      ::-webkit-scrollbar-track-piece {
        background: #fff;
      }
      ::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
      }
    

      

    .miniScrollbar:hover {
    overflow: auto!important;
    } .miniScrollbar::-webkit-scrollbar { /*滚动条整体样式*/ 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .miniScrollbar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .miniScrollbar::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); }

      

    作者:freddyhuang
    出处:https://www.cnblogs.com/freddyhuang
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    PerfDog
    adb 常用操作
    netstat命令(net-tools)
    资源路径总结:
    四个作用域对象:
    jsp的 九大内置对象
    Jsp 的语法和指令
    JSP 学习
    server.xml 文件:
    Web.xml 文件使用总结:
  • 原文地址:https://www.cnblogs.com/freddyhuang/p/9795224.html
Copyright © 2011-2022 走看看