CSS设置浏览器滚动条样式
/*⾕歌、safari、qq浏览器、360浏览器滚动条样式*/
/*定义滚动条⾼宽及背景⾼宽分别对应横竖滚动条的尺⼨*/
::-webkit-scrollbar
{
css设置表格滚动条width: 5px;
height: 110px;
background-color: #F5F5F5;
}
/*定义滚动条轨道内阴影+圆⾓*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
/*定义滑块内阴影+圆⾓*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #bdbdbd;
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.4);
}
/*IE滚动条颜⾊*/
html {
scrollbar-face-color:#bfbfbf;/*滚动条颜⾊*/
scrollbar-highlight-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-Shadow-color:#adadad;/*滑块边⾊*/
scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜⾊*/
scrollbar-track-color:#eeeeee;/*背景颜⾊*/
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论