首页 > 其他 > 详细

浏览器滚动条样式更改

时间:2018-03-08 22:30:46      阅读:168      评论:0      收藏:0      [点我收藏+]
/* webkit内核浏览器 */

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-button {
width: 8px;
height: 5px;
}

::-webkit-scrollbar-track {
background-color: #ddd;
border-radius: 0px;
}

::-webkit-scrollbar-thumb {
background: #999;
border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}


/* IE浏览器 */

html {
/*滑块和箭头背景颜色*/
scrollbar-base-color: #7d7d7d;
/*背景边框颜色*/
scrollbar-3dlight-color: #7d7d7d;
/*滑块边框颜色*/
scrollbar-highlight-color: #7d7d7d;
/*背景颜色*/
scrollbar-track-color: #EBEBEB;
/*箭头颜色*/
scrollbar-arrow-color: #EBEBEB;
/*滑块阴影*/
scrollbar-shadow-color: #7d7d7d;
/*背景阴影*/
scrollbar-dark-shadow-color: #EBEBEB;
}

浏览器滚动条样式更改

原文:https://www.cnblogs.com/Zmmy/p/8531120.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!