css自定义滚动条样式

偏执的太偏执、 2022-05-25 11:05 382阅读 0赞

代码

css自定义滚动条样式，webkit内核浏览器。

  1. /* 滚动条样式 */
  2. ::-webkit-scrollbar { /* 滚动条的宽度 */ width: 10px; margin-right: 7px; }
  3. ::-webkit-scrollbar-track { /* 滚动条的滑轨背景颜色 */ background-color: #fff; }
  4. ::-webkit-scrollbar-thumb { /* 滑块颜色 */ background-color: #d6d6d6; border-radius: 5px; }
  5. ::-webkit-scrollbar-thumb:hover { /* 鼠标移到滑块上面的变色 */ background-color: #666; }
  6. ::-webkit-scrollbar-button { /* 滑轨两头的监听按钮颜色 */ background-color: #fff; }
  7. ::-webkit-scrollbar-corner { /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ background-color: #fff; }

例子

可以点击此处查看：例子

发表评论

表情：
评论列表 （有 0 条评论，382人围观）

还没有评论，来说两句吧...

相关阅读