Css实现滚动条样式代码

本文阅读 1 分钟

Css实现滚动条样式代码

    <style>
    /*定义滚动条样式(高宽及背景)*/ 
    ::-webkit-scrollbar { 
        width: 6px;   /* 滚动条宽度, width:对应竖滚动条的宽度  height:对应横滚动条的高度*/
        background: #808080;
    } 
    /*定义滚动条轨道(凹槽)样式*/ 
    ::-webkit-scrollbar-track { 
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    /* 较少使用 */
        border-radius: 3px; 
    } 
    /*定义滑块 样式*/ 
    ::-webkit-scrollbar-thumb { 
        border-radius: 3px; 
        height: 100px;    /* 滚动条滑块长度 */
        background-color: #ccc; 
    }
</style>
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.taozi1.com/4515.html
我们的纪念-李雅微
« 上一篇 01-25
TYPECHO-孤独-主题
下一篇 » 01-26

发表评论

成为第一个评论的人