How to configure the H5 scroll bar style

This article mainly and you introduced the configuration H5 scroll bar style sample code of the relevant information, I hope to help everyone.

/* Slider slide background color */::-webkit-scrollbar-track {background-color: #b46868;} /* Slider color */::-webkit-scrollbar-thumb {background-color:rgba (0, 0, 0, 0.2),}/* Monitor button color at both ends of the rail */::-webkit-scrollbar-butto n {background-color: #7c2929;} /* The color of the sharp corner at the intersection of the horizontal scroll bar and the vertical scrollbar */::-webkit-scrollbar-corner {background-color:black;}//IE's own setting method, and is the first browser that can customize the scrollbar, from IE5. 5 Start compatible body {scrollbar-face-color: #b46868;} Example/* Document scrollbar */::-webkit-scrollbar {width:8px;}::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba (0  , 0, 0, 0.3);  border-radius:10px;}::-webkit-scrollbar-thumb {border-radius:10px; Box-shadow:inset 0 0 6px rgba (0, 0, 0, 0.5);}  /* Scrollable element */.some-element::webkit-scrollbar {}<p class= "Custom-scrollbar" > <p> Lorem ipsum       dolor sit amet consectetur adipisicing elit. Iure id exercitationem nulla qui repellat laborum vitae, Molestias tempora velit natus.       Quas, Assumenda nisi.    Quisquam enim qui iure, consequatur velit sit? &lT;/p></p>