How do I hide the scroll pull bar on the right side of a div with scroll style

When the content to be displayed on a page exceeds the size of the page, it is often adopted to limit the display area of the page to achieve the purpose of complete display. In order to display all data, the div needs to be given scroll style, but the pull bar on the right and bottom side is very ugly

Here’s how to get rid of the pull bar style. Okay

I’m going to give div scroll style

    <div id="page_content_ALL"
         style="float:left; width:18rem; height:auto; position: absolute; overflow-y: auto; overflow-x:hidden ;">
         <div id="page_content" style="float: left; width: 18rem; height: 0; position: relative;">
             <! -- // Render content -->
         </div>
     </div>
Copy the code

Remove pull bar styles

    #page_content::_webkit_scrollbar{
        display:none;
    }

Copy the code