zoukankan      html  css  js  c++  java
  • 浏览器默认滚动条样式

        .customScroll ::-webkit-scrollbar-button {
            background-image: url(customScrollIcon.png);
        }

        .customScroll ::-webkit-scrollbar {
             17px;
            height: 17px;
        }

        /* 右下三角 */
        .customScroll ::-webkit-scrollbar-button:vertical {
            background-position: 0 0;
             17px;
        }

        /* 右上三角 */
        .customScroll ::-webkit-scrollbar-button:vertical:decrement {
            background-position: -18px 0;
             17px;
            height: 17px;
        }

        /* 下右三角 */
        .customScroll ::-webkit-scrollbar-button:horizontal {
            background-position: -18px -18px;
             17px;
            height: 17px;
        }

        /* 下左三角 */
        .customScroll ::-webkit-scrollbar-button:horizontal:decrement {
            background-position: 0 -18px;
             17px;
            height: 17px;
        }

        /* 底色 */
        .customScroll ::-webkit-scrollbar-track-piece {
            background: rgba(241, 241, 241, 1);
        }

        /* 水平 */
        .customScroll ::-webkit-scrollbar-thumb:horizontal {
            background: #c1c1c1;
            border-top: 2px solid #f1f1f1;
            border-bottom: 2px solid #f1f1f1;
        }

        /* 水平 */
        .customScroll ::-webkit-scrollbar-thumb:horizontal:hover {
            background: #a8a8a8;
        }

        /* 垂直 */
        .customScroll ::-webkit-scrollbar-thumb:vertical {
            background: #c1c1c1;
            border-left: 2px solid #f1f1f1;
            border-right: 2px solid #f1f1f1;
        }

        /* 垂直 */
        .customScroll ::-webkit-scrollbar-thumb:vertical:hover {
            background: #a8a8a8;
        }

        /* 右下角方块 */
        .customScroll ::-webkit-scrollbar-corner {
            background: #dcdcdc;
        }
     
    customScrollIcon.png
     
  • 相关阅读:
    数据库数据格式化之Kettle Spoon
    NopCommerce开源项目中很基础但是很实用的C# Helper方法
    oracle 两个逗号分割的字符串 如何判断是否其中有相同值
    MongoDB+MongoVUE安装及入门
    C#中Dictionary<TKey,TValue>排序方式
    kettle的基本介绍
    Kettle能做什么?
    oracle like 条件拼接
    loading加载和layer.js
    关于bootstrap的treeview不显示多选(复选框)的问题,以及联动选择的问题,外加多选后取值
  • 原文地址:https://www.cnblogs.com/onceweb/p/13847536.html
Copyright © 2011-2022 走看看