退步青年

反向进步

首页 归档 标签 关于

css3 控制滚动条样式

2017-09-06 1 min read # html # css

用css控制滚动条样式

<style>
    .wrapper {
        margin-right: -10px;
        overflow-y: scroll;
    }
    
    ::-webkit-scrollbar {
        background: rgba(255, 255, 255, 0);
        width: 10px;
    }
    
    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.7);
        border-radius: 5px;
    }
    
    ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.3);
    }
</style>

<div class="wrapper">
    
</div>
| RSS