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

时间:2013-07-07 16:57:56

标签: javascript html5 firefox

在我的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>

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

我可以使用条件注释为Internet Explorer创建替代HTML,但是如何使用Firefox处理它?我能以某种方式指定至少一个不同的CSS(隐藏它可以没问题吗?)

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

CSS黑客是我最后的追索权。我使用它并在几周前使它工作,但后来我更新了我的Firefox版本,现在它不再工作了。这让我意识到CSS hacks风险太大。

1 个答案:

答案 0 :(得分:0)

使用jQuery UI,更具体地说,使用 Slider 。这将节省大量时间。