jquery - スライダーのスタイリング方法

Question

バーの幅、色、サイズなどのjQueryスライダーのスタイルを設定する方法

Answer 1

を参照してください

テーマ

セクション

jQuery UI Slider プラグインは、jQuery UI CSS フレームワークを使用して、色や背景テクスチャなどのルック アンド フィールのスタイルを設定します。ThemeRoller ツールを使用して、構築と保守が容易なカスタム テーマを作成およびダウンロードすることをお勧めします。

より深いレベルのカスタマイズが必要な場合は、変更可能な ui.slider.css スタイルシート内で参照されるウィジェット固有のクラスがあります。これらのクラスは、以下の太字で強調表示されています。jQuery UI CSS Framework クラスを使用したサンプル マークアップ

<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
   <a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a>
</div>

注: これは、スライダー プラグインによって生成されるマークアップのサンプルであり、スライダーの作成に使用するマークアップではありません。そのために必要な唯一のマークアップは<div><div>.

Answer 2

http://jqueryui.com/themeroller/の jquery Web サイトにスタイリング ツールがあります。