レンジスライダーをカスタマイズするなら「noUiSlider」がおすすめデフォルトの表示確認 「noUiSlider」のレンジスライダーではなく、まずはデフォルトの見た目・使用感を先に確かめてみましょう。 デフォルトのものはシンプルな見た目ですが、レンジスライダーではこちらをもっと見栄えよくすることができます。 デモ どのような見た目・使用感かは下記のデモをご確認ください。 まず簡単に実装するならばこのような見た目です。これだけでは値が何なのかもわからないため、ここからオプションを利用するなどのカスタマイズが必要です。 どんな見た目・機能があるか確認したい方は公式サイトのデモをご確認ください。 公式サイトではjsとcssの記述も用意されているので今すぐにでも同じ見た目で再現することができます。 ダウンロード方法 「noUiSlider」の公式サイトからご自身に合った方法でダウンロードしてください。 https://refreshless.com/nouisli
