css-滚动条样式修改

先上属性说明

::-webkit-scrollbar{}/* 整体样式 */
::-webkit-scrollbar-track{}/* 轨道 */
::-webkit-scrollbar-thumb{}/* 滑块 */
::-webkit-scrollbar-button{}/* 两端小方块 */
::-webkit-scrollbar-track-piece{}/* 不包含滑块的轨道区 */
::-webkit-scrollbar-corner{}/* 两端小方块交汇处 */
::-webkit-resizer{}/* 如textare改变大小 */

demo的GIT路径https://github.com/May1st/css-skills.git
以下是我的demo截图

scrollbar.png

你可能感兴趣的:(css-滚动条样式修改)