自定义滚动条css代码

/*滚动条样式*/

::-webkit-scrollbar {

    width:5px;

    height: 8px;

    background:#fff;

}

::-webkit-scrollbar-button    {

    background-color:transparent;

}

::-webkit-scrollbar-track    {

    background:transparent;

}

::-webkit-scrollbar-thumb{/*滚动条颜色*/

    background:#c2c6cc;

    border-radius:5px;

}

::-webkit-scrollbar-corner {

    background:transparent;

}

::-webkit-scrollbar-resizer  {

    background:#2d8cf0;

}

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

推荐阅读更多精彩内容

  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 3,199评论 0赞 11
  • 公共CSS文件
    我的公共CSS文件@import "normalize.css";/begin主页面//begin主页面/body...
    蓝色海洋_1982阅读 1,198评论 0赞 0
  • 我在做移动端时遇见的css问题
    关于css常见问题，大多是移动端的。 简单的排版规则：条目与条目之间空两行，每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 5,053评论 0赞 9
  • 自定义滚动条样式
    哪些地方会出现滚动条 滚动条通常会出现在这些地方 1、iframe 2、任何元素的设置成块元素，overflow设...
    超爱吃小龙虾阅读 1,000评论 0赞 2
  • 一见钟情
    在遇见你之前 我从没有想过 我会如这般迷恋于你 你的眼神、你的微笑、你的表情、你的每一个动作 都深深的吸引我 因你...
    我是狐狸一只阅读 218评论 0赞 1