overflow:scroll修改样式

当overflow :scroll 出现滚动条后，默认的滚动条样式太丑了，不是我们想要的，那么我们来修改一下吧！~　话不多说，直接上代码 

 

/* 定义滚动条样式 */

::-webkit-scrollbar {

  width: 6px;

  height: 6px;

  

}

 

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 0px rgba(180, 180, 180, .5);

  border-radius: 10px;

  

}

 

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {

  border-radius: 10px;

  box-shadow: inset 0 0 0px rgba(180, 180, 180, .5);

  

}

 

好啦，完美实现，看一下效果吧

 

 

 

/********
 *                    
 *                 .-~~~~~~~~~-._       _.-~~~~~~~~~-.
 *             __.'  欢迎访问     ~.   .~              `.__
 *           .'//     我的博客      \./   ☞ 送你小❤ ☜  \\`.
 *         .'//                     |                     \\`.
 *       .'// .-~"""""""~~~~-._     |     _,-~~~~"""""""~-. \\`.
 *     .'//.-"                 `-.  |  .-'                 "-.\\`.
 *   .'//______.============-..   \ | /   ..-============.______\\`.
 * .'______________________________\|/______________________________`.
 */