欢迎您来到,码代码-李雷博客        登录  |  注册

利用CSS美化,自定义滚动条样式,CSS代码分享

更新:2021-11-28 09:52:02
人气:548
来源:本站原创
A+

利用CSS美化,自定义滚动条样式,纯代码分享。flpm_box_danwei 为容器的ID,根据需要自行修改。

<style>
#flpm_box_danwei::-webkit-scrollbar,#right_box::-webkit-scrollbar {
/*滚动条整体样式*/
width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
#flpm_box_danwei::-webkit-scrollbar-thumb,#right_box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 5px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #ccc
}
#flpm_box_danwei::-webkit-scrollbar-track,#right_box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background   : #ededed;
}
</style>


推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2022 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号