修改firefox浏览器滚动条的样式

最近做了一个网站的项目，使用原生的滚动条。ie和谷歌都显示的好好的，火狐的滚动条样式没有生效。
原因：火狐浏览器没有提供原生滚动条的方法和属性。后来浏览器升级之后提供了部分可以修改样式的属性(属性较多，我就不一一举例了)。
只在火狐中项目原生滚动条太粗，挡住了输入框。动其他的css又会影响别的浏览器样式。所以我设置了火狐滚动的宽度

.contanner {
	width: 375px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 450px;
	scrollbar-width: thin;//滚动条变细，为none时隐藏滚动条
}