Css 如何在Firefox中控制范围输入旋钮的形状？

警告：以下原始问题文本具有误导性

事实上，在Firefox33.0.2中，范围输入控件的外观并没有改变

---

HTML5范围输入控件：

在Firefox中的外观大致如下：

自最新更新v33.0.2以来，它看起来是这样的：

原始设计与我们网站的外观和感觉完美匹配。现在的那个看起来很不合适

有没有办法（CSS或Firefox配置设置）强制使用原始的pointy外观？

请参阅

你可以这样做

::-webkit-slider-thumb, ::-moz-range-thumb, ::-ms-thumb {
    -webkit-appearance: none;
    background-color: #666;
    width: 10px;
    height: 20px;
 }

---

也可能有帮助：、、等。ec。

是的，您可以使用

：-moz范围音轨

伪选择器和

：-moz范围拇指

伪选择器。根据，您还需要为

输入[type=range]

提供与轨迹选择器相同的宽度

CSS:

input[type=range] {
    width: 300px;
    }
input[type=range]::-moz-range-track {
    background: #dedede;
}
input[type=range]::-moz-range-thumb {
    background: grey;
    border-radius: 0px 0px 510px 510px;
}

---

在Firefox 33.0.2中，范围输入控件的外观实际上并没有改变-很抱歉造成混淆

发生的情况是，

边框：

CSS规则意外应用于

输入[type=“range”]

，该规则没有显示为可见边框，因为它后来被重置为

边框：初始

仅仅是一个边界被应用的事实就将范围控制置于一个主题模式，在这个模式中它会画一个圆形旋钮（我不知道这个模式）

---

解决方案是首先确保

边框：

未应用于控件。然后它会看起来像它应该的那样尖锐。

你可以看看这个：（Styles）部分@M.Page，上面写着，“不幸的是，Opera和Firefox只会显示一个标准的范围滑块。”这看起来已经过时了，因为Firefox似乎支持。但是，他们不知道是否有可能控制形状。有趣的是，分配

背景
：-moz范围轨迹
：-moz范围轨迹会使旋钮变圆，而从
：：-moz范围轨迹中移除样式会使旋钮完全变圆。我很确定我没有对该元素应用任何样式。所以应该有其他的东西应用它，我需要看一看。谢谢你给我一个正确方向的提示，我发现了问题。