Javascript 设置overflow-x：滚动并隐藏水平滚动条

我希望能够水平滚动，但不显示滚动条

我知道，在Chrome中它是：

::-webkit-scrollbar { 
    display: none; 
}

但是Firefox和Internet Explorer呢？有人给出了下面的解决方案，但它似乎不适用于水平滚动条，它只适用于垂直滚动条

#parent{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

#child{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; 
}

有人能帮我吗？

基于：

代码如下：

.element、.outer容器{
宽度：200px；
高度：200px；
}
.外容器{
边框：5px纯紫色；
位置：相对位置；
溢出：隐藏；
}
.内胆{
位置：绝对位置；
左：0；
溢出x：隐藏；
溢出y：滚动；
}
.内部容器：：-webkit滚动条{
显示：无；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。
整体交通工具，欧盟三大尊严
奎斯。Integer调味品ultrices elit ut mattis。
美国国家电气公司
马蒂斯nec。连续酒后无生命turpis
佩伦茨克语的水平最高。库拉比图鲁图姆，毛里斯尤特
莫利斯·洛博蒂斯（mollis lobortis）是苏打莱斯大学的一名学生
利奥是个自由人。在我的流苏里的智慧
调味品。Aliquam id Aliquam arcu。莫比
金丝桃。杜伊斯·廷西蒙特，奥奇·苏西比特
暂时性胎膜早破
密苏里州的尊贵猫咪turpis。乌兰科珀阿库万岁酒店
坐在埃梅特·莫里斯·埃格斯塔斯·埃格斯塔斯。turpis neque前庭，
调味品，调味品，调味品。塞德
这是一个很好的例子
射手座。阿利夸姆是一个骗子。大魁
ultrices，lobortis dui eget，pretium libero。库拉比图尔
在欧盟之前的别有用心。
奎斯克维塔丁西德普鲁斯。比本杜姆费吉亚特维瓦姆斯酒店
erat、nec和urna接口。努克洛博蒂斯内克酒店
奥奇，我们的任务是把它交给你。费吉亚特万岁酒店
泰勒斯·奎斯·库斯·索利西图丁。库拉比图多洛马萨酒店，
口头禅是指同侧入路，门前入路或后入路。埃尼安
埃吉斯塔斯库苏斯临时。梅塞纳斯·森佩尔侵权人
埃吉斯塔斯·库苏斯。毛里斯·波特提托·奎斯·尼西和廷西登。
库拉比图尔·阿迪皮斯金·尼布。普拉森特·莫里斯·利奥，
这是一个充满活力的前庭。
天时地利，天时地利，天时地利
再见。自由显贵酒店的Nulla。
对于
火狐
只需使用以下规则：

overflow: -moz-scrollbars-none;

-ms-overflow-style: none;

对于
IE
：

overflow: -moz-scrollbars-none;

-ms-overflow-style: none;

我想你，你的答案也可以，但我认为上面的答案更简单