How to remove scroll bar in css

Removal method: 1. Use "::-webkit-scrollbar{display:none}" style to remove; 2. Use "-ms-overflow-style:none" style to remove; 3. Use "overflow: -moz-scrollbars-none" style removal.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

css remove (hide) scroll bar

Use the pseudo-object selector of a custom scroll bar::-webkit-scrollbar. But this method is not compatible with IE. For mobile users, you can use

//谷歌适用
::-webkit-scrollbar{
    display:none;
}

IE 10

.element { -ms-overflow-style: none; }

Firefox

.element { overflow: -moz-scrollbars-none; }

Learning video sharing: css video tutorial

The above is the detailed content of How to remove scroll bar in css. For more information, please follow other related articles on the PHP Chinese website!