webkit内核滚动条

123

/*webkit内核滚动条*/
::-webkit-scrollbar{width:12px;height:22px}
::-webkit-scrollbar-thumb{background-color:#8E8E8E;border-radius:0px}
::-webkit-scrollbar-thumb:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner{background-color:#535353}
::-webkit-scrollbar-track-piece{background: #FDFDFD;}

123

/* Webkit内核的滚动条自定义 */
::-webkit-scrollbar {height:12px;width:12px;}
::-webkit-scrollbar-thumb {background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px;}
::-webkit-scrollbar-thumb:hover {border:1px solid #636363;background-color:#929292;}
::-webkit-scrollbar-thumb:active {background-color:rgba(0,0,0,0.5);}
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border:1px solid #d2d2d2;}
::-webkit-scrollbar-corner {background: transparent;}