设置滚动条样式

 /* 设置滚动条的样式 */
 .pd_left_img_one_box::-webkit-scrollbar {
  width:3px;
  }
  /* 滚动槽 */
 .pd_left_img_one_box::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px #f9f9f9;
  border-radius:3px;
  }
  /* 滚动条滑块 */
 .pd_left_img_one_box::-webkit-scrollbar-thumb {
  border-radius:3px;
  background:#ccc;
  -webkit-box-shadow:inset 0 0 6px #eee;
  }
 .pd_left_img_one_box::-webkit-scrollbar-thumb:window-inactive {
  background:#ccc;
  }

 

上一篇:移动端H5 css3自定义滚动条样式


下一篇:隐藏scrollbar滚动条