超简单的隐藏overflow:scroll滚动条的css代码

目前为止还没有单个css样式属性来隐藏overflow属性的默认滚动条，需要针对不同浏览器使用不同的专属css样式属性或css伪类来实现。如对于webkit内核的浏览器Chrome、Safari等使用css伪类；Firefox火狐浏览器使用scrollbar-width属性；IE 10+浏览器使用专属属性-ms-overflow-style。

Firefox浏览器

scrollbar-width 允许开发者设置滚动条出现时的厚度，可选值：auto、thin、none，支持Firefox 64+版本、Firefox for Android 64+版本

代码：

.element {
	width: 300px;
	height: 100px;
	overflow-y: scroll;
	scrollbar-width: none;
}

IE浏览器

-ms-overflow-style 专属CSS属性，支持IE 10+版本。

代码：

.element {
	width: 300px;
	height: 100px;
	overflow-y: scroll;
	-ms-overflow-style: none;
}

webkit、Blink浏览器（如Chrome、Edge、Opera、Safari、IOS上所有浏览器）

::-webkit-scrollbar CSS伪类元素，用于设置了 overflow:scroll; 的元素的滚动条样式

代码：

.element {
	width: 300px;
	height: 100px;
	overflow-y: scroll;
}
.element::-webkit-scrollbar {
	display:none;
}

PS：理论上一般尽量少用或不要用非标准的CSS特性。