前端项目修改默认滚动条样式。我写过很多需要改变默认滚动条样式的项目。我不想单独下载和导入插件。所以这次纯css修改了默认的滚动条样式。整理一下方法，直接上代码。&::-webkit-scrollbar{//滚动条背景宽度：16px;背景：#191a37；高度：14px；}&::-webkit-scrollbar-track,&::-webkit-scrollbar-thumb{border-radius:999px;宽度：20px；边框：5px实心透明；}&::-webkit-scrollbar-track{box-shadow:1px1px5px#191a37插图;}&::-webkit-scrollbar-thumb{//滚动条的滑块样式修改width:20px;最小高度：20px；背景剪辑：内容框；框阴影：0005px#464f70插图；}&::-webkit-scrollbar-corner{背景：#191a37；这是一个非常完整的修改。下面一个非常精简。值得一试&::-webkit-scrollbar{width:6px;高度：6px；背景：透明；}&::-webkit-scrollbar-thumb{背景：透明；边界半径：4px；}&:hover::-webkit-scrollbar-thumb{背景：hsla(0,0%,53%,0.4);}&:hover::-webkit-scrollbar-track{背景：hsla(0,0%,53%,0.1);}这样做的好处是修改后的滚动条只有在鼠标向上移动时才会显示。
