C1Sliderの CSS セレクタを設定してスライダの外観を制御できます。
以下の手順を実行します。
- Visual Studio のツールバーから、［表示］→［プロパティ］を選択します。
- プロパティウィンドウで、CssClass プロパティを探し、ドロップダウンリストを使用して wijmo-wijslider に設定します。
- ソースビューに切り替えて、
<asp:Content>タグの最初のセットを探します。 次のタグのセットを挿入します。ソースビュー コードのコピー<style type="text/css"></style> - 以下の CSS スクリプトを
<style>タグに挿入します。 これにより、スライダコントロールの外観のプロパティが設定されます。ソースビュー コードのコピー.wijmo-wijslider-incbutton
{
background: #308014;
}
.wijmo-wijslider-decbutton
{
background: #308014;
}
.wijmo-wijslider
{
border-color: #000000; border-width: medium; background-color: #3d9140;
}
.wijmo-wijslider-incbutton .ui-icon-triangle-1-e
{
background-color: #ffffff;
}
.wijmo-wijslider .ui-slider-handle
{
background: #308014;
}
.wijmo-wijslider .ui-state-active
{
background: #ffffff;
} -
［F5］を押して、アプリケーションを実行します。 スライダコントロールは次の図のように表示されます。
ハンドルをクリックすると、ハンドルが白に変わることに注意してください。
