Wijmo ユーザーガイド > ウィジェット > Pager > 操作手順 > CSS スタイルの適用 |
クイックスタートの例を基に、CSS スタイルを使用して、Pager ウィジェットの外観の一部をすばやく変更できます。すべての Wijmo ウィジェットに同じ方法を適用できます。このウィジェットのすべての CSS セレクタは、インストールフォルダの wijpager 内の jquery.wijmo.wijpager.css ファイルに含まれます。
メモ:jQuery の ThemeRoller を使用して、独自のテーマをロールすることもできます。 |
ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます
スクリプト |
コードのコピー |
---|---|
<style type="text/css"> .wijmo-wijpager .wijmo-wijpager-button { background: Blue; border-color: Green; font-family: "Times New Roman"; font-size: large; } .wijmo-wijpager .wijmo-wijpager-button a:link { color: White; } .wijmo-wijpager .wijmo-wijpager-button .ui-state-active { background: Navy; color: Yellow; } .wijmo-wijpager .wijmo-wijpager-button a:hover { background: Purple; color: Orange; } </style> |