2013-07-07 25 views
-1

在我的web應用程序中,我使用輸入類型範圍元素。Firefox的替代HTML/CSS不支持輸入範圍

<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和互聯網  Explorer版本10.

前支持我可以創建使用條件註釋的互聯網瀏覽器 替代HTML,但我怎麼能與Firefox處理呢?我可以指定至少一個不同的CSS(隱藏它可以確定)?

我不喜歡使用Jquery.browser,因爲我知道它已被棄用,並且導入類似modernizer.js的東西只是一個檢查太重了。最好的解決方案將是一條JavaScript檢查線,非常輕便。

CSS黑客是我最後的追索權。我使用它,並在幾周前使它工作,但後來我更新了我的Firefox版本,現在它不再工作。這讓我意識到,CSS黑客太冒險了。

+0

請參閱http://stackoverflow.com/questions/8041641/how-do-i-make-html5-slider-input-type-range-work-in-firefox – lifetimes

回答

0

使用jQuery UI,更具體地說Slider。這將節省很多時間。

+0

我不能使用jquery來更改主html ,我只是可以修改它在Firefox瀏覽器的情況下沒有範圍元素,這是一個成本效應 – Sgotenks