学IT网-在线学习IT知识

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: html css js php
查看: 565|回复: 0

滚动条样式调整

[复制链接]

211

主题

224

帖子

2140

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2140
发表于 2018-7-12 12:30:47 | 显示全部楼层 |阅读模式

  1.         .innerbox::-webkit-scrollbar {/*滚动条整体样式*/
  2.             width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
  3.             height: 4px;
  4.         }
  5.         .innerbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  6.             border-radius: 5px;
  7.             -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  8.             background: rgba(0,0,0,0.2);
  9.         }
  10.         .innerbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
  11.             -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  12.             border-radius: 0;
  13.             background: rgba(0,0,0,0.1);
  14.         }
复制代码
.innerbox更换为自己的class
愿得一人心,白首不相离!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|学IT网-在线学习IT知识,学习编程知识 ( 京ICP备17027470号-2

GMT+8, 2019-11-17 20:37 , Processed in 0.032089 second(s), 34 queries .

Powered by xueit.wang 1.0

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表