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

css怎么控制滚动条的样式,比如下图
最新回答
净雅

2023-07-11 09:57:01

::-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浏览器才生效。
枕花眠

2023-07-17 22:27:11

这个用单纯用css是做不出来的 还得配合 js 或者 jquery
▏末夕晴ヽmiss

2023-09-08 21:33:42

这个是jquery的滚动条插件
半袖桃花

2023-04-15 22:31:02

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); /*自定义个性鼠标*/
}
收起 1条折叠回答