做个记录,我老是忘记(用了几十次了也记不住,每次去网上都找半天),方便以后能直接查到
/*.scroll_full是我的标签类名 */
/* 自定义滚动轴样式 */
.scroll_full::-webkit-scrollBar {
width: 5px;
/*垂直方向的宽*/
height: 7px;
/*水平方向的宽*/
}
.scroll_full::-webkit-scrollBar-thumb {
border-radius: 5px;
background-color: #666;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
/* 滑块样式定义 */
.scroll_full::-webkit-scrollBar-track {
border-radius: 5px;
background: #EDEDED;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
<div class="scroll_full"></div>