设置滚动条样式

转载连接:https://www.cnblogs.com/polly-ling/p/9875112.html

.fx-content-show为超出滚动的盒子


.fx-content-show::-webkit-scrollbar {

    /* 滚动条整体样式 */

    width: 4px;

    /* 高宽分别对应横竖滚动条的尺寸 */

    height: 4px;

    scrollbar-arrow-color: red;

}

.fx-content-show::-webkit-scrollbar-thumb {

    /* 滚动条里面小方块 */

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    background: rgba(0, 0, 0, 0.2);

    scrollbar-arrow-color: red;

}

.fx-content-show::-webkit-scrollbar-track {

    /* 滚动条里面轨道 */

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    border-radius: 0;

    background: rgba(0, 0, 0, 0.1);

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容