获取滚动条的颜色

Question

我有一个自定义垂直滚动条的div框，我设计了一个使用css/jquery的水平滚动条。我需要给设计的滚动条的确切外观esp的颜色。是否有任何jQuery/JavaScript代码，我可以用它来获得自定义滚动条的颜色。

Answer 1

通过CSS，你可以设置只-webkit支持的浏览器火狐，因为支持dosnt CSS滚动条通过使用像nicescroll插件和其他

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

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

/* Handle */ 
::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    background:#c0a062; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive { 
    background:#c0a062; 
} 

Answer 2

:-webkit-scrollbar { 
    width: 1em; 

} 

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px #989898); 
} 

::-webkit-scrollbar-thumb { 
background: -moz-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(210,106,120,1) 100%); /* ff3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210,106,120,1)), color-stop(100%, rgba(153,218,255,0))); /* safari4+,chrome */ 
background: -webkit-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(210,106,120,1) 100%); /* safari5.1+,chrome10+ */ 
background: -o-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(210,106,120,1) 100%); /* opera 11.10+ */ 
background: -ms-linear-gradient(90deg, rgba(153,218,255,0) 0%, rgba(210,106,120,1) 100%); /* ie10+ */ 
background: linear-gradient(0deg, rgba(153,218,255,0) 0%, rgba(210,106,120,1) 100%); /* w3c */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d26a78', endColorstr='#99DAFF',GradientType=0); /* ie6-9 *///outline: 1px solid #D17626; 
    border-radius:5px; 
}