/* 设置滚动条的巧羡哗样式 */
::-webkit-scrollbar {
width:12px;
}
/* 滚动孝行槽 */派判
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.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); /*自定义个性鼠标*/
这个是jquery的滚动条插件
这个用单纯用css是做不出来的 还得配合 js 或者 jquery
::-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浏扮肆亏览器才生效。
以上就是土嘎嘎小编大虾米为大家整理的css怎么设置滚动条样式_如何实现CSS3自定义滚动条样式相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！