Css 0.2s； 背景：透明； 边框颜色：透明； 边框宽度：16px0； 颜色：透明； } 输入[类型=范围]：-ms填充下限{ 背景：#2a6495； 边框：0.2px实心#010101； 边界半径：2.6px； 盒影：1px 1px 1px#000000，0px 0px 1px#0d0d； } 输入[类型=范围]：-ms填充上限{ 背景#3071a9； 边框：0.2px实心#010101； 边界半径：2.6px； 盒影：1px 1px 1px#000000，0px 0px 1px#0d0d； } 输入[类型=范围]：-ms thumb{ 盒影：1px 1px 1px#000000，0px 0px 1px#0d0d； 边框：1px实心#000000； 高度：36px； 宽度：16px； 边界半径：3px； 背景：#ffffff； 光标：指针； } 输入[类型=范围]：焦点：-毫秒填充下限{ 背景#3071a9； } 输入[类型=范围]：焦点：--ms填充上限{ 背景：#367ebd； }

一些文字。。。

更多的文字。。。

---

第二个输入字段（type=text）用于比较。请查看此字段。这个css支持：Firefox 23+、Safari 4+、iOS 5+、Chrome 6+、Opera 11+、IE 10+、Android 4.2+引用自@Monica Hm，您所做的只是删除高度并添加边距？当我最后一次尝试时，我仍然得到了与我使用高度时相同的白色背景。。。那一定是我错过了什么。好吧，我知道我做错了什么。。。我将边距放在

input[type=range]：-webkit slider runnable track

中，而不仅仅是

input[type=range]

@Monica您想发布答案，还是我应该？也许有人会犯同样的错误，在将来遇到这个答案。第二个输入字段（type=text）是用来比较的。看看这个。这个css支持：Firefox 23+、Safari 4+、iOS 5+、Chrome 6+、Opera 11+、IE 10+、Android 4.2+引用自@Monica Hm，您所做的只是删除高度并添加边距？当我最后一次尝试时，我仍然得到了与我使用高度时相同的白色背景。。。那一定是我错过了什么。好吧，我知道我做错了什么。。。我将边距放在

input[type=range]：-webkit slider runnable track

中，而不仅仅是

input[type=range]

@Monica您想发布答案，还是我应该？也许有人会犯同样的错误，在将来遇到这个答案。