007真人007真人

来源:乐虎lehu国际娱乐之家  责任编辑:小易  

使用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);
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持乐虎lehu国际娱乐之家。


  • 本文相关:
  • css 设置滚动条样式的实例代码
  • 详解css3自定义滚动条样式写法
  • css3自定义滚动条样式的示例代码
  • 纯css改变webkit内核浏览器的滚动条样式
  • css样式设置div滚动条示例代码
  • 详解如何自定义css滚动条的样式
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.pradaoutletonline.net All Rights Reserved