レンジ入力欄のスタイルはブラウザによって所与のものそれぞれありますし、ブラウザによっても見た目が大きく異なります。そこでCSSによってスタイルをカスタマイズする方法を解説します。

input要素のtype属性にrangeを指定すると、スライダー、つまり範囲によって数値が入力できるようになります。第1回目では組み合わせて使う属性とともに、実装のための仕様を細かくチェックします。