CSS Modifies scroll bar styles

Default scrollbar (Mac, Win)

Modify the style

// Main view. page-content:: -webkit-scrollBar {width: 8px; background: red; } // scrollbar progress view. page-content::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: green; } page-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: yellow; }Copy the code

Effect of case