更改滚动条样式

在做项目时，灰色滚动条往往让用户体验不佳，全局更改一下滚动条样式，就会让人耳目一新

下面代码粘贴即可

全局更改：

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background-color: #1890ff;
  border-radius: 3px;
}

局部更改：

div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* 滚动条的滑块 */
div::-webkit-scrollbar-thumb {
  background-color: #1890ff;
  border-radius: 3px;
}

效果：

 提供在线免费网站供大家选取颜色：

 链接：

在线颜色选择器工具/RGB颜色查询对照表 - 颜色相关工具 - 脚本之家在线工具