【jQuery】jQuery UIのテーマ(デザイン)に合わせるCSSハック

一部分だけjQuery UIを使っていると、その部分だけ違和感があるので、他のボタンやアイコンもjQuery UIのデザインに合わせるためのメモ。

まず下記ドキュメントを読んでjQuery UI CSS Frameworkを少し理解する。

The jQuery UI CSS Framework

buttonなどに同じスタイルを適用するには下記サイトを参考に(サンプルコードもある)。

Styling Buttons and Toolbars with the jQuery UI CSS Framework

jQuery UI 1.8からbuttonウィジェットが実装されたけど、上記サイトではそれを使わないでも実装する方法を紹介。

↓こんな感じ

image