首页 > 其他 > 详细

滚动条自定义样式

时间:2019-11-05 19:16:30      阅读:74      评论:0      收藏:0      [点我收藏+]
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 1px;
    height: 1px;
    background-color: rgba(255,255,255,0);
    display: none;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    border-radius: 2px;
    background-color: rgba(255,255,255,0);
    display: none;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
    background-color: rgba(255,255,255,0);
    display: none;
}

滚动条默认不显示

滚动条自定义样式

原文:https://www.cnblogs.com/zui1024/p/11799923.html

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