css美化滚动条

淡淡的烟草味﹌ 2023-01-15 02:19 254阅读 0赞 
  1. ::-webkit-scrollbar-track-piece {
  2.     background-color: #fff;
  3.     -webkit-border-radius: 0;
  4. }
  5. ::-webkit-scrollbar {
  6.     width: 8px;
  7.     height: 8px;
  8. }
  9. ::-webkit-scrollbar-thumb {
  10.     height: 50px;
  11.     outline-offset: -2px;
  12.     outline: #fff solid 2px;
  13.     -webkit-border-radius: 0;
  14.     border: 2px solid #fff;
  15.     background-color: #b2b3b4;
  16.     -webkit-border-radius: 4px;
  17. }

效果：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNjE3ODQw_size_16_color_FFFFFF_t_70

发表评论

表情：
评论列表 （有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

    相关 css美化浏览器滚动条

    独使用css的方法虽然简单，但只有chrome兼容好，ie只能改滚动条颜色，火狐不支持css修改 1.先看chrome滚动条每部分的名字（直接引用的[https://w...

    小灰灰小灰灰/ 0 赞/ 202 阅读

    相关 用CSS美化你的滚动条

    本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS

    你的名字你的名字/ 0 赞/ 346 阅读

    相关 用CSS美化你的滚动条

     本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS

    矫情吗；*矫情吗；*/ 0 赞/ 346 阅读