Firefox 的替代 HTML/CSS 不支持输入范围

Question

在我的 Web 应用程序中，我使用的是输入类型范围元素。

<div id="fontSlide">
    <input type="range"
           id="rangeBar"
           min="0"
           max="2"
           value="0"
           onchange="EM.adjustFontSize(this.value)"
           title="Scrolla per cambiare la dimensione del testo">
</div>

不幸的是，Firefox 和 Internet Explorer 10 之前的版本不支持它。

我可以使用条件 cmets 为 Internet Explorer 创建一个替代 HTML，但如何使用 Firefox 处理它？我可以以某种方式至少指定一个不同的 CSS（隐藏它可以）吗？

我不喜欢使用Jquery.browser，因为我知道它已被弃用，而且导入modernizer.js 之类的东西只是为了检查太重了。最好的解决方案是一个 JavaScript 检查行，非常简单。

CSS hack 是我最后的办法。我使用它并在几周前使它工作，但后来我更新了我的 Firefox 版本，现在它不再工作了。这让我意识到 CSS hack 风险太大。

Answer 1

使用jQuery UI，更具体地说是Slider。这样会节省很多时间。