css3滚动条scrollbar做一个绚丽多彩的滚动条

::-webkit-scrollbar {
  width:12px;
  height:1px;
}
::-webkit-scrollbar-thumb {
  background-color:#12b7f5;
  background-image:-webkit-linear-gradient(45deg,rgba(255,93,143,1) 25%,transparent 25%,transparent 50%,rgba(255,93,143,1) 50%,rgba(255,93,143,1) 75%,transparent 75%,transparent);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
  background:#f2f2f2;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

css3如何修改所有滚动条样式

css如何修改滚动条样式

标签： -webkit-scrollbar, css滚动条样式

上面是“css3滚动条scrollbar做一个绚丽多彩的滚动条”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_30350.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！