关于前端:如何修改滚动条样式

34次阅读

共计 284 个字符,预计需要花费 1 分钟才能阅读完成。

遇到传统滚动条款式不合零碎的主题怎么办,小伙伴们,不必慌,咱们能够通过 css 批改滚动条的款式,达到想要的成果。

在全局中或者以后页面中增加即可

/** 滚动条的宽度 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {background-color: rgb(185, 221, 255);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {background: rgba(24,144,255,.8);
}

应用前:

应用后:

正文完
 0