火狐浏览器滚动条如何隐藏

有时候不想让滚动条显示，然后用如下css设置了滚动条宽度为0：

　　.sidebar::-webkit-scrollbar{
    　　width: 0!important;
　　}

但是会发现火狐浏览器还是会显示滚动条：
在网上搜索了一小圈之后，发现的相对比较合心意的解决办法如下：

　　overflow-y: scroll;
　　scrollbar-color: transparent transparent;
　　scrollbar-track-color: transparent;
　　-ms-scrollbar-track-color: transparent;

即，将滚动条颜色设置为透明（但是滚动条的宽度还是存在，所以原本滚动条的位置会出现一段空白，不是很完美的解决方法，但是应该是最简单的解决方法）
记录下来，供自己以后参考，同时分享给大家。