【问题标题】：Input range style changed mysteriously输入范围样式神秘地改变了
【发布时间】：2014-01-12 15:46:07
【问题描述】：
我已经尝试为我的网页设置input type range 的样式。不幸的是，我看到的是圆形滑块按钮而不是默认项目符号。当然它看起来不错，但无法弄清楚它来自哪里。
我在mozilla firefox 看到这个。
这是Fiddle link
编辑：刚刚发现是因为background-color的变化。但是，如果background-color 改变了，为什么滑块项目符号样式会发生变化。
【问题讨论】：
标签：
html
css
firefox
input
range
【解决方案1】：
滑块的默认呈现是使用操作系统原生主题完成的：浏览器要求操作系统仅在屏幕上的特定位置绘制滑块控件。
但是，如果您更改背景，则该实施策略将不再有效，因为您不能作为操作系统来绘制与默认滑块控件具有不同背景的滑块控件（至少不是在所有操作系统中）。因此，此时浏览器将退回到绘制控件本身。它会尝试使其在某种程度上看起来像操作系统默认渲染，但它不能可靠地做到这一点，因为操作系统默认渲染可能非常随意，具体取决于您启用的操作系统主题......