How css hides scroll bars or changes scroll bar styles

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

Hide scroll bar or change scroll bar style

/ * the style of the main part of css * / / * defines the width, height and background of the scroll bar. The width and height correspond to the size of the horizontal and vertical scroll bar * /::-webkit-scrollbar {width: 10px; / * valid for vertical flow bars * / height: 10px / * valid for horizontal flow bar * /} / * define track color, inner shadow and fillet of scroll bar * /::-webkit-scrollbar-track {- webkit-box-shadow: inset 00 6px rgba; background-color: rosybrown; border-radius: 3px;} / * define slider color, inner shadow and fillet * /::-webkit-scrollbar-thumb {border-radius: 7px -webkit-box-shadow: inset 00 6px rgba; background-color: # E8E8E8;} / * define the style of the buttons at both ends * /::-webkit-scrollbar-button {background-color:cyan;} / * define the style at the lower right corner * /::-webkit-scrollbar-corner {background:khaki } the above is all the content of the article "how css hides scroll bars or changes scroll bar styles". 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!