原生滚动条overflow样式调整

纵向滚动条overflow-y样式优化:

::-webkit-scrollbar {
  width: 10px; /* 纵向滚动条*/
  height: 10px; /* 横向滚动条 */
  background-color: #fff;
}

/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #eee;
}

/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #c3bebe;
  border-radius: 10px;
}

你可能感兴趣的:(css,html,前端)