设置滚动条样式

Posted 2021-05-13 骅骝漫轻舞01

 /* 设置滚动条的样式 */
 .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;
  }