前言

你是不是和我一样，早就看PC端浏览器自带的滚动条不爽了呢？快来看看如何修改滚动条的样式吧~

一、代码演示

在Vue项目中，这个样式可以直接加到App.vue的style标签中。 代码如下（示例）：

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.15);
  transition: color 0.2s ease;
}

代码来源：落日残霞，感谢，这里收录一下。

二、结果演示

上面的小案例正在编写中，各位小伙伴儿可以期待一下哟~

总结

啊~看着舒服多了