css改变滚动条样式

  • Post author:
  • Post category:其他


#show1{
    overflow-x: hidden;
    overflow-y: hidden;
}    
#show1 ::-webkit-scrollbar {
        width: 5px;
    }

    #show1 ::-webkit-scrollbar-track {
        background-color: rgba(225,225,225,0.5);
    }
    /* 滚动条的滑轨背景颜色 */

    #show1 ::-webkit-scrollbar-thumb {
        background-color: rgba(225,225,225,0.7);
    }
    /* 滑块颜色 */

    #show1 ::-webkit-scrollbar-button {
        background-color: rgba(225,225,225,0.5);
    }
    /* 滑轨两头的监听按钮颜色 */

    #show1 ::-webkit-scrollbar-corner {
        background-color: #fff;
    } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

转载于:https://www.cnblogs.com/xiaonangua/p/9283963.html