自定义滚动轴样式

最新推荐文章于 2025-03-14 05:57:12 发布

心鑫馨

最新推荐文章于 2025-03-14 05:57:12 发布

阅读量548

点赞数

分类专栏： css

本文链接：https://blog.youkuaiyun.com/qq_36340642/article/details/71529296

版权

css 专栏收录该内容

4 篇文章

订阅专栏

/* 自定义滚动轴样式 */
::-webkit-scrollBar {
  width: 7px;/*垂直方向的宽*/
  height: 7px;/*水平方向的宽*/
}
::-webkit-scrollBar-thumb {
  border-radius: 5px;
  background: #F90;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}/* 滑块样式定义 */
::-webkit-scrollBar-track {
  border-radius: 5px;
  background: #EDEDED;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}/* 轨道颜色阴影 */
::-webkit-scrollbar-button {
    background-color: #7c2929;
} /* 滑轨两头的监听按钮颜色 不定义则没有*/
::-webkit-scrollbar-corner {
    background-color: black;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */