webkit浏览器下改变滚动条样式

复制代码
   /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
    }
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
    ::-webkit-scrollbar
    {
      width: 10px;
      height:10px;
      background-color: #F5F5F5;
    }
    /*定义滑块 内阴影+圆角*/ 
    ::-webkit-scrollbar-thumb
    {
      /* background-color: #0ae; */
      background-color: #3c8dbc;
      background-image: -webkit-gradient(linear, 0 0, 0 100%,
                         color-stop(.5, rgba(255, 255, 255, .2)),
                 color-stop(.5, transparent), to(transparent));
    }
复制代码

效果图:

 

posted @   RyanxChen  阅读(119)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!
点击右上角即可分享
微信分享提示