私の 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、1回のチェックだけのためにインポートするのは重すぎます。最善の解決策は、1 行の JavaScript チェック ラインで、非常に軽いものです。
CSS ハックは私の最後の手段です。数週間前に使用して動作させましたが、Firefox のバージョンを更新したところ、動作しなくなりました。これは、CSS ハッキングがリスクが高すぎることに気付きました。