html解决设置滚动条右下角出现的白块

最新推荐文章于 2025-03-10 20:17:27 发布

旺仔萝卜

最新推荐文章于 2025-03-10 20:17:27 发布

阅读量3.7k

点赞数 9

文章标签： CSS 滚动条样式自定义 webkit

本文链接：https://blog.youkuaiyun.com/dx_zheng/article/details/122168478

版权

在这里插入图片描述

// 定义滚动条的样式
::-webkit-scrollbar {
  width: 6px;
  height: 12px;
  background-color: #161f35;
}
::-webkit-scrollbar-thumb {
  background-color: #252f4a;
  border-radius: 20px;
}
/*滚动条里面轨道*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

//只需要加上这一行
::-webkit-scrollbar-corner {
  background-color: #161f35;
}