滚动条.md

IE滚动条

        html, body{  
            scrollbar-face-color:#F3F3F3; /*面子*/  
            scrollbar-arrow-color:#C0C0C0; /*箭头*/  
            scrollbar-3dlight-color:#C0C0C0; /*最外左*/  
            scrollbar-highlight-color:#FFFFFF; /*左二*/  
            scrollbar-shadow-color:#FFFFFF; /*右二*/  
            scrollbar-darkshadow-color:#C0C0C0; /*右一*/  
            scrollbar-track-color:#F3F3F3; /*滑道*/  
        } 

Chrome滚动条

	::-webkit-scrollbar,.protocol-content::-webkit-scrollbar {
	    width: 12px;/*滚动条粗细*/
	    height: 12px
	}

	::-webkit-scrollbar-track,.protocol-content::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	    background: orange; /*滑道颜色*/
	    border-radius: 5px; /*滑道的圆滑度*/
	}

	::-webkit-scrollbar-thumb,.protocol-content::-webkit-scrollbar-thumb {
	    background: green; /*滑块颜色*/
	    border-radius: 5px /*滑块圆滑度*/
	}

	::-webkit-scrollbar-thumb:hover,.protocol-content::-webkit-scrollbar-thumb:hover {
	    background: gray; /*滑块上浮*/
	}