css滚动条

::-webkit-scrollbar{

    width: 1px;

    height: 1px;

    background-color: #F5F5F5;

}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    border-radius: 1px;

    background-color: #F5F5F5;

}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb{

    border-radius: 1px;

    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);

    background-color: #555;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 3,195评论 0赞 11
  • CSS滚动条样式
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width...
    龙黎_阅读 237评论 0赞 1
  • CSS滚动条的样式设置
    /*滚动条样式*/.cal_bottom::-webkit-scrollbar {/*滚动条整体样式*/width...
    变态的小水瓶阅读 1,018评论 0赞 1
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 9,634评论 0赞 8
  • 我想在草原上撒个野（恋山草原）
    所有的大人最初都是孩子，已经长大的大人却慢慢忘记了曾经的童真 《小王子》的首页上有一句话：“献给这个大人从前当过的...
    Ellenview阅读 428评论 4赞 6