滚动条的颜色要怎么设

滚动条的颜色要怎么设,第1张

scrollbar-face-color:#FF9900 /*滚动条页面颜色设定*/

scrollbar-track-color:#FFFF00/*滚动条底版颜色设定*/

scrollbar-arrow-color:#FFFF00/*滚动条两端箭头颜色设定*/

scrollbar-highlight-color:#FFCC66/*滚动条上斜面和左斜面颜色设定*/

scrollbar-shadow-color:#996600/*滚动条下斜面和右斜面颜色设定*/

scrollbar-3dlight-color:#FFFFFF/*滚动条上边和左边的边沿颜色设定*/

scrollbar-darkshadow-color:#000000/*滚动条下边和右边的边沿颜色设定*/

设置滚动条颜色及样式的css

*::-webkit-scrollbar {

width: 8px

height: 8px

}

*::-webkit-scrollbar-track {

-webkit-border-radius: 3px

-moz-border-radius: 3px

border-radius: 3px

}

*::-webkit-scrollbar-thumb {

background-color: #e7e9e9

-webkit-border-radius: 3px

-moz-border-radius: 3px

border-radius: 3px

}

scrollbar-face-color: #FFFFFF’滚动条凸出部分的颜色scrollbar-highlight-color: #FFFFFF’滚动条空白部分的颜色scrollbar-shadow-color: #FFFFFF’立体滚动条阴影的颜色scrollbar-3dlight-color: #FFFFFF’滚动条亮边的颜色scrollbar-arrow-color: #FF0000’上下按钮上三角箭头的颜色scrollbar-track-color: #FFFFFF’滚动条的背景颜色scrollbar-darkshadow-color: #FFFFFF’滚动条强阴影的颜色scrollbar-base-color: #FFFFFF’滚动条的基本颜色 如上设置出现的效果即为滚动条除上下三角外的其他位置都为白色,上下三角为红色。大家可以根据具体的需要来对滚动条的颜色进行修改!


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/tougao/7712208.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存