您好!欢迎光临极易先锋网站!
为梦想者创造梦想品牌
用心服务 追求客户满意 为客户创造价值
客户咨询服务热线
客户咨询服务热线:
13873333976
常见问题
您的位置: 首页 > 新闻中心 > 常见问题 > 如何让网页边框滚动颜色调成自己喜欢的颜色?

如何让网页边框滚动颜色调成自己喜欢的颜色?

作者:7ecms    发布时间:2021-10-31 04:01     浏览次数 :


如何让网页边框滚动显示自己喜欢的颜色?
复制以下代码放进网页css当中即可:


* {
 
scrollbar-arrow-color: #023894;  /*图6,三角箭头的颜色*/
 
scrollbar-face-color: #023894;  /*图5,立体滚动条的颜色*/
 
scrollbar-3dlight-color: #023894;  /*图1,立体滚动条亮边的颜色*/
 
scrollbar-highlight-color: #023894;  /*图2,滚动条空白部分的颜色*/
 
scrollbar-shadow-color: #023894;  /*图3,立体滚动条阴影的颜色*/
 
scrollbar-darkshadow-color: #023894;  /*图4,立体滚动条强阴影的颜色*/
 
scrollbar-track-color: #ccc;  /*图7,立体滚动条背景颜色*/
 
scrollbar-base-color: #ccc;  /*滚动条的基本颜色*/
 
}
 
 html:not(.isMobile) *::-webkit-scrollbar {
 
width:10px;
 
background:#ccc;
 
} /*滚动条整体部分*/
 
html:not(.isMobile) *::-webkit-scrollbar-thumb {
 
background:#023894;
 
}  /*滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)*/
 
html:not(.isMobile) *::-webkit-scrollbar-track {
 
}  /*滚动条的轨道(里面装有Thumb)*/
 
html:not(.isMobile) *::-webkit-scrollbar-button {
 
} /*滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。*/
 
html:not(.isMobile) *::-webkit-scrollbar-track-piece {
 
width:10px;
 
} /*内层轨道,滚动条中间部分(除去)*/
 
html:not(.isMobile) *::-webkit-scrollbar-corner {
 
} /*边角,即两个滚动条的交汇处*/
 
html:not(.isMobile) *::-webkit-resizer {
 
}
 

[返回]   
下一篇:没有了