更改overflow auto的原生滚动条样式

 直接上代码:

/* 修改滚动条的样式 */
::-webkit-scrollbar {
	width: 4px !important;
	/* 设置滚动条的宽度 */
}

/* 滚动条的轨道 */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
/* 设置滚动条轨道的背景色 */
}

/* 滚动条的轨道的hover颜色 */
::-webkit-scrollbar-track:hover {
  background-color: #eaeaea;
}

/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background-color: #888;
/* 设置滚动条滑块的背景色 */
  border-radius: 8px;
}

/* 鼠标悬停在滚动条上的样式 */
/* 设置鼠标悬停时滚动条滑块的背景色 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* 滚动条的滑块在非激活状态下的样式（滑块未被点击或拖动） */
::-webkit-scrollbar-thumb:inactive {
  background-color: #ccc;
}

/* 滚动条的按钮（上下按钮） */
::-webkit-scrollbar-button {
  display: none;
}

/* 滚动条的角落（轨道和滑块交汇的部分） */
::-webkit-scrollbar-corner {
  background-color: #f1f1f1;
}