在Windows系统上,滚动条美化:这通常是一个全局布局,如果滚动条的布局需要不同的样式,可以为每个滚动条样式添加class设置。
:-WebKit-scroll bar { width :6 px; height: 6px; } :-WebKit-scroll bar-track { width :6 px; 后台: rgba (# 101 f1c,0.1 ); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } :-WebKit-scroll bar-thumb { background-color : rgba (# 101 f1c,0.5 ); 背景剪辑:填充盒; min-height: 28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } :-WebKit-scroll bar-thumb : hover { background-color : rgba (# 101 f1c,1 ); }