HTML5范围标签在Firefox中出现问题？

Question

我正在使用HTML5的range标签，但是我不知道为什么在Firefox中出现了问题。而在Chrome上它正常工作...以下是我的代码：

<div id="slider">
5% <input id="slide" type="range"
 min="5" max="200" step="5" value="100"
 onchange="updateSlider(this.value)" />
 200%
</div><br/>
<div id="chosen">0</div>

并且CSS是

#chosen {
border-radius:10px;
width:45px;
padding-top:10px; padding-bottom:10px;
background-image: -webkit-linear-gradient(top, #cccccc, #330000);
background-image: -o-linear-gradient(top, #cccccc, #330000);
background-image: -moz-linear-gradient(top, #cccccc, #330000);
text-align:center;
color:#ffffff;
font-weight:bold; font-size:large;
margin-left:40px;}
#slider {
margin-left:10px;
}
input[type='range'] {
-webkit-appearance: none;
padding-left:2px; padding-right:2px;
-webkit-border-radius: 5px;
background-image: -webkit-linear-gradient(top, #000000, #333333, #000000);
}

我还使用了一点JavaScript：

function updateSlider(slideAmount) {
//get the element
var display = document.getElementById("chosen");
//show the amount
display.innerHTML=slideAmount;
}

- FLF

---

火狐浏览器尚未实现<input type="range">。请参考浏览器兼容性。 - Passerby

哦，我不知道那个...谢谢你提供的信息... :) - FLF

Answer 1

Firefox仍然没有实施它。我不确定为什么，但是他们似乎已经在某种程度上搁置了HTML表单。

- Rich Bradshaw