成都网站建设设计

将想法与焦点和您一起共享

CSS怎么修改默认滚动条样式

小编给大家分享一下CSS怎么修改默认滚动条样式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站长期为成百上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为大姚企业提供专业的成都网站制作、成都做网站,大姚网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

代码如下:


 
  
 
  这是内容111

    这里是内容222

    

这里是内容333

    
    
         .inner{     width:265px;     height:400px;     position:absolute;     top:33px;     left:13px;/*cursor:pointer;*/     overflow:hidden;     }     .innerbox{     overflow-x:hidden;     overflow-y:auto;     color:#000;     font-size:.7rem;     font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;     height:100%;     }/*滚动条样式*/     .innerbox::-webkit-scrollbar{/*滚动条整体样式*/     width:4px;/*高宽分别对应横竖滚动条的尺寸*/     height:4px;     }     .innerbox::-webkit-scrollbar-thumb{/*滚动条里面小方块*/     border-radius:5px;     -webkit-box-shadow:inset005pxrgba(0,0,0,0.2);     background:rgba(0,0,0,0.2);     }     .innerbox::-webkit-scrollbar-track{/*滚动条里面轨道*/     -webkit-box-shadow:inset005pxrgba(0,0,0,0.2);     border-radius:0;     background:rgba(0,0,0,0.1);     }

CSS怎么修改默认滚动条样式

以上是“CSS怎么修改默认滚动条样式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站题目:CSS怎么修改默认滚动条样式
当前网址:http://chengdu.cdxwcx.cn/article/iihipc.html

其他资讯