Html 滚动条的跨平台css

我在这里感到非常沮丧，无法设计一个简单的滚动条，它具有简单的颜色和厚度，并且可以在不同的浏览器和智能手机设备上显示

有什么资源可以帮我度过这段时间吗

我的一个问题是，下面的水平滚动条在我的andriod手机上看起来超瘦，我希望在智能手机上具有相同的厚度/高度和颜色

这是我的例子

 <div class="chartWrapper">
        <div class="chartAreaWrapper scroll-color-colors" id="chartAreaWrapper">
                   <div style="width:1000px; height 450px">
                   scrollable content
                   </div>
                </div>
            </div>

}

---

尝试在代码的这一部分输入高度：

::-webkit-scrollbar {
  background-color: #f5f5f5;
  cursor: pointer;
  width:40px; /*This Works*/
  height: 20px; /*This PROBABLY work*/

}

---

它在电脑或电话上不工作？因为我在电脑上测试过，一切正常！它在chrome上运行良好，但在智能手机或firefox上不起作用，我相信Safari也是如此。我相信firefox或IE/Edge不支持自定义滚动条。我发现这个网站展示了如何在不同的手机和导航器中使用css webkit，希望它能帮助你：谢谢Silvia，我找到了一种在Firefox上使用css webkit的方法。我想我只是错过了狩猎

::-webkit-scrollbar {
  background-color: #f5f5f5;
  cursor: pointer;
  width:40px; /*This Works*/
  height: 20px; /*This PROBABLY work*/

}