码上敲享录 > CSS简单实例分享 > css改变div的滚动条的样式或浏览器的滚动条的样式

css改变div的滚动条的样式或浏览器的滚动条的样式

上一章章节目录下一章 2019-11-14已有111人阅读 评论(0)

css改变div的滚动条或浏览器的滚动条

1.css改变div滚动条的样式

//滚动条的宽度

.div_class::-webkit-scrollbar {

   width: 5px;

}

//滚动条的背景颜色

.div_class::-webkit-scrollbar-thumb {

   background-color: #D4D0C8;

}


2.css改变div的浏览器滚动条的样式

::-webkit-scrollbar {

   width: 0px;

}

::-webkit-scrollbar-track {

   background-color: #3f35df;

}

::-webkit-scrollbar-thumb {

   background-color: #6458c8;

}

::-webkit-scrollbar-thumb:hover {

   background-color: #4444df

}

::-webkit-scrollbar-thumb:active {

   background-color: #714ddf

}


向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
向大家推荐《ireport实战教程》:https://xiaozhuanlan.com/ireport?rel=6923152725
0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交