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

概述Warning: The original question text below is misleading. In fact appearance of the range input control did not change in Firefox 33.0.2. HTML5范围输入控件： <input type="range" /> 曾经在Firefox中大致看起来像这样： 自最新更新v

Warning: The original question text below is misleading.

In fact appearance of the range input control dID not change in firefox 33.0.2.

HTML5范围输入控件：

<input type="range" />

曾经在firefox中大致看起来像这样：

自最新更新v33.0.2以来,它看起来像这样：

原始设计与我们网站的外观和感觉完美匹配.目前看起来很不合适.

有没有办法(CSS或firefox配置设置)强制原始的尖头外观？

解决方法 是的,您可以使用:: – moz-range-track伪选择器和:: – moz-range-thumb伪选择器.根据 this site,您还需要为输入[type = range]提供与轨道选择器相同的宽度.

JSFiddle

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;}

总结

以上是内存溢出为你收集整理的html – 如何在Firefox中控制范围输入旋钮的形状？全部内容，希望文章能够帮你解决html – 如何在Firefox中控制范围输入旋钮的形状？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。