正文

在ie和chrome浏览器中滚动条样式的设置

IP云
IP云V管理员/0 阅读
09/01
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

1、IE下设置滚动条样式的属性

scrollbar-arrow-color: color; /*三角箭头的颜色*/scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/scrollbar-track-color: color; /*立体滚动条背景颜色*/scrollbar-base-color:color; /*滚动条的基色*/

.ScrollBar { scrollbar-arrow-color: #000000; scrollbar-base-color: #71b2dc; scrollbar-face-color: #71b2dc; scrollbar-shadow-color: #71b2dc; scrollbar-highlight-color: #71b2dc; scrollbar-3dlight-color: #88b8ed; scrollbar-darkshadow-color: #88b8ed; scrollbar-track-color:#bde6ff;}2、chrome下设置滚动条 在样式中加入以下。

::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track-piece 内层滚动槽::-webkit-scrollbar-thumb 滚动的滑块::-webkit-scrollbar-corner 边角::-webkit-resizer 定义右下角拖动块的样式