Pager for ASP.NET Web Forms
CSS セレクタでの作業
タスク別ヘルプ > CSS セレクタでの作業

C1Pager は、コントロールの外観を完全にカスタマイズできる CSS スタイル設定をサポートします。このトピックでは、C1Pager コントロールに CSS スタイル設定を適用する手順について説明します。

  1. デザインビューで、プロパティウィンドウに移動し、CssClass プロパティを探します。
  2. ドロップダウンリストを使用して適切な CSS セレクタ(このトピックでは wijmo-wijpager セレクタ)を選択します。
  3. ソースビューに切り替えて、<asp:Content> タグの最初のセットを探します。
  4. <asp:Content> タグの間に <style type="text/css"></style> タグを挿入します。このタグのセットを使って、コントロールに CSS スタイル設定を追加できます。
  5. ページャの外観をカスタマイズするには、<style> タグの間に次のスクリプトを挿入します。
    ソースビュー
    コードのコピー
    .wijmo-wijpager 
        {
            background-color:#002277; font-style:italic; font-family:
    Blackadder ITC; float:right;  
        }    
    
  6. [F5]を押して、プログラムを実行します。ページャ要素は次の図のように表示されます。

関連トピック