CSS スタイルの適用

クイックスタートの例を基に、CSS スタイルを使用して、メニューの背景と境界線の色、テキストの色、子メニューの背景と境界線の色、リンク、およびホバーリンクのフォント/色を変更できます。JQuery ThemeRoller を使用して、独自のテーマをロールすることもできます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトの下に、<style> セクションを追加します。

ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

スクリプト	コードのコピー
<style type="text/css"> .wijmo-wijmenu { background: CornFlowerBlue; border-color: Navy; } .wijmo-wijmenu-text { color: DarkSlateBlue; } .wijmo-wijmenu .wijmo-wijmenu-child { background: PaleTurquoise; border: Black; } .wijmo-wijmenu a.wijmo-wijmenu-link:hover { font-family: Courier New; background: Thistle; border-color: Violet; border-style: dotted; } .wijmo-wijmenu-link { background: White; font-variant: small-caps; font-family: Andale Mono; } </style>

ウィジェットで使用できる CSS セレクタは、インストールフォルダ内の jquery.wijmo.wijmenu.css ファイルに含まれます。

関連トピック