zoukankan      html  css  js  c++  java
  • CSS重置浏览器滑动条默认的样式

    ::-webkit-scrollbar-track-piece {
     width: 8px;
     height:8px;
     background-color: #f0f0f0;
     /* 背景色 */
    }
    
    ::-webkit-scrollbar {
     width: 8px;
     height:8px;
     background-color: #00C0FF
    }
    
    ::-webkit-scrollbar-thumb {
     width: 8px;
     height:8px;
     background-color: seagreen
    }
    
    ::-webkit-scrollbar-thumb:hover {
     width: 8px;
     background-color: #00C0FF
    }
    ::-webkit-scrollbar {
    background-color:seagreen;
    }
    
    ::-webkit-scrollbar-thumb:hover {
    background-color:seagreen;
    }
    
    /* ::-webkit-scrollbar 滚动条整体部分
    ::-webkit-scrollbar-thumb  滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)
    ::-webkit-scrollbar-track  滚动条的轨道(里面装有Thumb)
    ::-webkit-scrollbar-button 滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。
    ::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分(除去)
    ::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处
    ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 */

  • 相关阅读:
    HDU6060 RXD and dividing
    Knapsack in a Globalized World --多重完全背包
    hdu 6058 Kanade's sum
    矩形面积 HDU
    Bridge Across Islands POJ
    Manors HDU
    Harry Potter and J.K.Rowling HDU
    Polygons HDU
    Jungle Outpost HDU
    CRB and Farm HDU
  • 原文地址:https://www.cnblogs.com/suni1024/p/11438229.html
Copyright © 2011-2022 走看看