jqueryUIのGUIエレメントを鮮明でシャープに、スリムにする方法は？

Question

私はの薄いのボタンサイズとバーサイズを持っていますが、jQueryUIを使用すると、太いバー（タイトルバーなど）と太い丸いボタンが表示されます。このような

：

どのようにボタンとタイトル/タブ・バー、薄い長方形とさわやかなを持つことができますか？このような

：

Answer 1

あなたはカスタムテーマを作成するための2つの基本的なオプションがあります。

最初はdocumentation for the jQuery UI CSS frameworkです。学ぶべきクラスはほんの一握りです。フレームワークは非常に単純ですが、jQuery UIのすべての単一ウィジェットにこれらの少数のクラスが影響するように設計されています。

第2の選択肢は、jQuery UI ThemeRollerに向かい、視覚的にテーマを作成してダウンロードすることです。これは上にリンクされたCSS FrameworkからクラスをカスタマイズするGUIです。

パディングや余白のような寸法に影響を与えるものについては、個々のウィジェットスタイリングにドロップする必要があります。 APIドキュメントでは、各ウィジェットのクラスを見ることができます。たとえば、theming information for tabsがあります。個々のウィジェットクラスを変更するには、既存のCSSをそのままにして、組み込みの設定を上書きする新しいルールを書くことをおすすめします。これにより、きれいなアップグレードパスが得られます。