纯css修改浏览器scrollbar滚动条样式示例

站长资源 2024/9/20 佚名

2 0 1

黑松山资源网 Design By www.paidiu.com

使用css修改浏览器滚动条样式

::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background: hsla(0, 0%, 100%, 0.6);
}

::-webkit-scrollbar-track {
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95,95,95,.4);
  transition: all .2s;
  border-radius: .5rem;

  &:hover {
    background-color: rgba(95,95,95, .7);
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

css,scrollbar,滚动条样式

黑松山资源网 Design By www.paidiu.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

黑松山资源网 Design By www.paidiu.com

评论“纯css修改浏览器scrollbar滚动条样式示例”

暂无评论...

更新日志

2024年09月20日

2024年09月20日