在firefox mobile上删除输入范围周围的白框

Question

我正在尝试自定义范围滑块。有很多CSS，所以我尝试使用生成器作为起点：http://danielstern.ca/range.css/#/

这应该是扁平的2种颜色（只有绿色），在Firefox桌面，Chrome桌面和Chrome Mobile上看起来都是这样。但在Firefox手机中：

它周围有这个奇怪的盒子。有什么方法可以删除吗？

编辑：

这是一个codepen：http://codepen.io/samkeddy/pen/pNxrdw

{}

桌面上的内容：http://i.imgur.com/gAgpebG.png

以及我在手机上打开它时的样子：http://i.imgur.com/Y3dsFMn.png