zoukankan      html  css  js  c++  java
  • 编辑滚动条样式

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    .scroll::-webkit-scrollbar,.table-responsive::-webkit-scrollbar
    {
    10px; /*滚动条宽度*/
    height: 10px; /*滚动条高度*/
    }

    /*定义滚动条轨道 内阴影+圆角*/
    .scroll::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track
    {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px; /*滚动条的背景区域的圆角*/
    background-color: #020733;/*滚动条的背景颜色*/
    }

    /*定义滑块 内阴影+圆角*/
    .scroll::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb
    {
    border-radius: 10px; /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #1a9bea; /*滚动条的背景颜色*/
    }

    ie
    .scroll{
    SCROLLBAR-FACE-COLOR: #1a9bea;
    SCROLLBAR-SHADOW-COLOR: #1a9bea;
    scrollbar-arrow-color:#1a9bea;
    SCROLLBAR-TRACK-COLOR: #020733;
    }
  • 相关阅读:
    Activity详解
    Log和LogCat的使用
    Android Studio项目目录结构
    Android系统架构
    [SCOI2016]美味
    [SCOI2016]背单词
    [SCOI2016]幸运数字
    [BZOJ4170]极光
    [JSOI2016]扭动的回文串
    [SCOI2016]萌萌哒
  • 原文地址:https://www.cnblogs.com/yaomengli/p/9625899.html
Copyright © 2011-2022 走看看