爱爱漫画

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

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

css修改浏览器滚动条样式和颜色.png

把系统前端接待的UI定制好后续,前端接待去苹果看器访问,忽然候总感觉到不舒服。末尾得知的问题是意味苹果看器访问器的会翻滚条不和谐从而导致的。然而,多种苹果看器访问器的会翻滚条仍有非常多区分。

这里,我们可以通过css修改浏览器scrollbar滚动条样式的方法,让页面更加美观舒适。

纯css更改挑选器scrollbar会滚动条版式二维码:
::-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);
  }
}
将以上内容编号直接的放置于的csszip文件上面,获取下html页面就好了解到新的拖动条郊果。


赞(0)
打赏 微信扫一扫微信 支付宝 QQ 扫码打赏
如若转载,请注明本文出自:http://haozhi365.com/show/66.html
枪娘日语版365天天色禁书txt下载梁宏达体育评书秃鹰七十二小时