jquery ui datapickerのスタイル（CSS）を変更するには

Question

私はphpとjavascriptで新規です。私は私のWebページでjqueryのUIデータピッカーを使用しています。私はこのカレンダーを使用

http://jqueryui.com/download 

そのCSSコードは

<style type="text/css"> 
     /*demo page css*/ 
     body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} 
     .demoHeaders { margin-top: 2em; } 
     #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} 
     #dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;} 
     ul#icons {margin: 0; padding: 0;} 
     ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;} 
     ul#icons span.ui-icon {float: left; margin: 0 4px;} 
    </style> 

で、htmlコードは次のとおりです。

は

<td>Required Date:</td> 
    <td> 
    <script> 
    $(function() { 
     $("#datepicker").datepicker(); 
      }); 
    </script> 



<div class="demo"> 

<p><input type="text" id="datepicker"></p> 

</div><!-- End demo --> 


<div class="demo-description" style="display: none; "> 
--some description 
</div><!-- End demo-description --> 
</td> 

今の問題は、ページ全体に実装され、このカレンダーのボディスタイルで、一方、私は私のページの別のCSSファイルを持っています..そして、私はこのカレンダーのボディスタイルを削除すると、私のカレンダーがあまりにも大きく表示されます。 . i want the size of my calendar is same as mentioned in body style. what should i do.. please need help

Answer 1

ここ - >http://jqueryui.com/demos/datepicker/テーマをクリックすると、いくつかの基本的なクラスが見つかり、カスタマイズすることができます。あなたの日付ピッカーがあなたがそれを必要とするように見えるまで、クラスで遊ぶだけです。これを試してもうまくいかない場合、進捗状況を報告すれば、何が間違っているかがわかります。