Shulou(Shulou.com)06/01 Report--

Editor to share with you CSS how to modify the default scroll bar style, I believe that most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

The code is as follows:

This is content 111.

Here is the content 222.

This is content 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, "boldface", Arial,Tahoma; height:100%;} / * scroll bar style * / .innerbox::-webkit-scrollbar {/ * overall scroll bar style * / width:4px;/* height and width correspond to horizontal and vertical scroll bar dimensions * / height:4px respectively } .innerbox::-webkit-scrollbar-thumb {/ * small squares inside the scroll bar * / border-radius:5px;-webkit-box-shadow:inset005pxrgba; background:rgba:-webkit-scrollbar-track {/ * track inside the scroll bar * /-webkit-box-shadow:inset005pxrgba; border-radius:0 Background:rgba (0. 1);}

The above is all the content of the article "how to modify the default scroll bar style by CSS". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.