浏览器滚动条样式

	
/* 整个滚动条的样式 */
::-webkit-scrollbar {
    width: 18px;
    height: 80px;
    border: 10px solid #ff0000;
    background-color:#ffff00;
}

/* 滚动条的轨道两端按钮，允许通过点击微调小方块的位置 */
::-webkit-scrollbar-button {
    display: none;
}

/* 滚动条的轨道样式 */
::-webkit-scrollbar-track {
    background-color: #0000ff;
}

/* 内层轨道样式 */
::-webkit-scrollbar-track-piece {
    background-color: #f0f;
}

/* 滚动条里面的小方块，能上下移动 */
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 10px 0 #ff0;
    border: 3px solid #f00;
    background-color: #00f;
}

/* 滚动条滑块hover时样式 */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #000;
}