CSS-滚动条样式改变方案,chrome,IE

      /*\IE*/

.scrollBar     {    

scrollbar-face-color: #B5B5B5; /*主色调*/  

scrollbar-highlight-color: #FFFFFF;  

scrollbar-shadow-color: #DDD; /*描边颜色*/

scrollbar-3dlight-color: #DDD; /*左侧边高光颜色*/  

scrollbar-arrow-color: #FFF; /*小三角颜色*/  

scrollbar-track-color: #EEEEEE;  

scrollbar-darkshadow-color: #DDD;

  }    

/*\Chrome*/

::-webkit-scrollbar {         width: 15px;     }      

::-webkit-scrollbar-track {         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);         border-radius: 3px;     }      

::-webkit-scrollbar-thumb {         border-radius: 3px;         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);     }

参考网址:http://css-tricks.com/custom-scrollbars-in-webkit/

你可能感兴趣的:(chrome)