滚动条 样式

Posted chz1905

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动条 样式相关的知识,希望对你有一定的参考价值。

以前写网站 看别人的样式 就拿过来用了   可以设置滚动条样式 

咱也不知道是干啥的   = =

ctrl过来用就得了 

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-track:hover {
  background: #eee;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b9b9b9;
}

::-webkit-scrollbar-thumb:hover {
  background: #747474;
}

::-webkit-scrollbar-thumb:active {
  background: #555;
}

 

以上是关于滚动条 样式的主要内容,如果未能解决你的问题,请参考以下文章

css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

如何在 MS Word 文档中显示代码片段,因为它在 *** 中显示(滚动条和灰色背景)

用css怎么设置div滚动条的样式,可改变大小的

用css怎么设置div滚动条的样式,可改变大小的

用css怎么设置div滚动条的样式,可改变大小的

用css怎么设置div滚动条的样式,可改变大小的