美文网首页
CSS滚动条样式

CSS滚动条样式

作者: 龙黎_ | 来源:发表于2017-11-18 17:14 被阅读7次

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

    ::-webkit-scrollbar

    {

    width: 5px;

    height: 16px;

    background-color: #FAFAFA;

    }

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

    ::-webkit-scrollbar-track

    {

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

    border-radius: 10px;

    background-color: #EAEAEA;

    }

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

    ::-webkit-scrollbar-thumb

    {

    border-radius: 10px;

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

    background-color: #E3E3E3;

    }

    转载于他处:哪忘了

    相关文章

      网友评论

          本文标题:CSS滚动条样式

          本文链接:https://www.haomeiwen.com/subject/xvzevxtx.html