0

jsなしで入力範囲によってelemのcssルールを変更できますか? このような:

  <input type="range" min="0" max="100">
  <span>Some text</span>


 input[value="0"]+span {background:red;}
 input[value="50"]+span {background:green;}
4

1 に答える 1

1

valueいいえ、CSS パーサーはの値で呼び出された属性を探します0。それはばかげた言語であり、あなたが望んでいる方法で解釈することを意図していません. JS を追加して、範囲変更時に適切な値を持つ実際の属性を入力に与えるvalueと、CSS がそれを取得できます。

jQuery スニペットの例:

$('[type="range"]').on('change', function() {
    $(this).attr('value', this.value);
}).change();

デモ: http://jsfiddle.net/seancannon/FqZZz/

于 2013-09-15T06:31:58.810 に答える