欢迎光临一流素材网,免积分免费素材下载!

CSS滚动条样式修改

所属栏目:css3基础教程更新时间:2021-09-25 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

CSS中,overflow-x: auto时会出现滚动条,通过以下方法自定义滚动样式

.show-table {width: 100%; overflow-x: auto;}
.show-table::-webkit-scrollbar,.fixed-table-body::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background: #fff;
}
.show-table::-webkit-scrollbar-track,.fixed-table-body::-webkit-scrollbar-track {
     background: #fff;
     border: 1px solid #ddd;
     margin-right: 4px;
 }
.show-table::-webkit-scrollbar-thumb,.fixed-table-body::-webkit-scrollbar-thumb{
    height: 7px;
    border: 1px solid #ccc;
    background-color: #e5e5e5;
}


标签: 滚动条 滚动
收藏 0 有帮助 0 没帮助 0 打赏
给个评价吧