Element 修改 table 里面的滚动条样式

全栈程序员站长

发布于 2022-07-25 12:44:57

9340

发布于 2022-07-25 12:44:57

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

不考虑兼容的时候，可以全局设置成这种样式

修改全局滚动条样式

<style>
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar { 
   
        width: 6px; /*滚动条宽度*/
        height: 8px; /*滚动条高度*/
        background-color: white;
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb { 
   
        -webkit-box-shadow: inset 0 0 0px white;
        background-color: rgb(193, 193, 193); /*滚动条的背景颜色*/
        border-radius: 30px;
    }
</style>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/127290.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年4月9，如有侵权请联系 cloudcommunity@tencent.com 删除

java