jquery - jQueryRedmondテーマのような入力テキストボックスのスタイルを設定する

Question

jQuery-uiチームのRedmondテーマを使用してWebページでjQueryを使用しています。問題は、入力テキストボックスがレドモンドテーマによってスタイル設定されていないままであるということです。これにより、印象的ではないルックアンドフィールが作成されます。入力テキストボックス要素に適切なスタイルを作成して、jQueryのRedmondテーマとブレンドする方法はありますか？

Answer 1

コメントで述べたように、これを達成するための組み込みの方法はありません。テーマで使用されている色のいくつかを取得し、テキストボックスに適用して、似たようなものを取得することができます。

デートピッカーのルックアンドフィールに基づいて作成したいくつかのオプションを次に示します。

/* Option 1 */
​input[type=text] {
    background: #5C9CCC url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    border: 1px solid #4297D7;
    font-weight: bold;
    color: white;
    padding: 5px;
    border-radius: 5px;
}

/* Option 2 */
input[type=text] {
    background: #DFEFFC url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    color: #2E6E9E;
    font-weight: bold;
    border: 1px solid #C5DBEC;
    padding: 5px;
    border-radius: 5px;
}

例-http ://jsfiddle.net/XjCjR/1