Question

css怎么控制滚动条的样式，比如下图

Answer 1

::-webkit-scrollbar{width:14px;}
::-webkit-scrollbar-track{background-color:xxx;}
::-webkit-scrollbar-thumb{background-color:xxx}
::-webkit-scrollbar-thumb:hover {background-color:xxx}
::-webkit-scrollbar-thumb:active {background-color:xxx}
宽度在里面自己加，只在chrome浏览器才生效。

Answer 2

这个用单纯用css是做不出来的 还得配合 js 或者 jquery

Answer 3

这个是jquery的滚动条插件

Answer 4

html {
scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/
scrollbar-face-color: #333; /*立体滚动条的颜色*/
scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜

色*/scrollbar-highlight-color: #666; /*滚动条空白部分的
颜色*/scrollbar-shadow-color: #999; /*立体滚动条阴影的颜
色*/scrollbar-darkshadow-color: #666; /*立体滚动条强阴
影的颜色*/scrollbar-track-color: #666; /*立体滚动条背景颜色*/
scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/
Cursor:url(mouse.cur); /*自定义个性鼠标*/
}