css 改变滚动条样式

 1 /* 滚动条出现不出现 当摸个滚动条不想让出现是可以这样*/
 2 #content_right::-webkit-scrollbar {
 3     display: none;
 4 }
   /*样式改变代码-----------------------------------------------------*/
 5 /* 滚动条整体部分 */
 6 .topnav_box::-webkit-scrollbar   
 7 {  
 8    width:10px;
 9    height:10px;     
10    background-color:#d0cdc7;
11 }  
12 /* scroll轨道背景 */
13 .topnav_box::-webkit-scrollbar-track       
14 {  
15     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
16     border-radius: 10px; 
17     background-color:#d0cdc7;    
18 }
19 
20 /* 滚动条中能上下移动的小块 */
21 .topnav_box::-webkit-scrollbar-thumb  
22 {  
23     border-radius: 10px;  
24     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
25     background-color:#a09d9d;
26 } 

 /*样式改变代码-----------------------------------------------------*/