zoukankan      html  css  js  c++  java
  • 更改滚动条样式

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
      width: 16px;
      height: 16px;
      background-color: #113b9f;
    }
    
    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      //-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #113b9f;
    }
    
    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      //-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #3d83ff;
    }
    
    /* 定义滚动条渐增按扭的样式 */
    ::-webkit-scrollbar-button:end:increment {
      background: #143b9a url('images/scroll_cntrl_up.png') no-repeat center;
      background-size: 10px 10px;
      border-top: 0;
      width: 100%;
    }
    
    /* 定义滚动条渐减按扭的样式 */
    ::-webkit-scrollbar-button:start:decrement {
      background: #143b9a url('images/scroll_cntrl_dwn.png') no-repeat center;
      background-size: 10px 10px;
      width: 100%;
    }
  • 相关阅读:
    C++指针笔记
    破解入门【OllyDebug爆破程序】
    c++类的定义《一》
    数组
    while循环语句的使用
    MS10-046漏洞测试
    For循环语句的使用
    C++Builder编写计算器
    C++自定义函数
    SQLyog简介
  • 原文地址:https://www.cnblogs.com/ouchen0312/p/9796922.html
Copyright © 2011-2022 走看看