Изменение размера jquery-ui datepicker смещает его

Question

Я использую jquery-ui, чтобы добавить форму выбора даты в форму.

форма выглядит следующим образом

<table> 
<tr> 
<td class="c1"><input class="datepicker" type="text" name='date'/></td> 
<td class="c2"><input type="text" name='heading'/></td> 
<td class="c3"><input type="text" name='comments'/></td> 
</tr> 
</table> 

Я добавил выбора дат, но это было слишком огромным

Поэтому я добавил эту строку, чтобы изменить его

<style media=\"screen\" type=\"text/css\"> 
.ui-datepicker{ 
    font-size:12px; 
} 
</style> 

Он работал, но была проблема. Теперь datepicker скрывает форму.

Как я могу позиционировать его как раньше с верхним финиковой сборщикой в ​​соответствии с полями нижним.

Answer 1

Смотреть это: How to resize the jQuery DatePicker control

Вам нужно добавить, что определение стиля в конце файла CSS JQ-Ui.

Так положить это в конце:

div.ui-datepicker{ 
font-size:12px; 
} 

Answer 2

Вы можете использовать важный атрибут!?

.ui-datepicker {font-size: 12px !important;} 

И вы пробовали это? Наверное, не то, что вы хотите, но мне интересно, за результат ^^

$(".selector").datepicker({ autoSize: true }); 

Answer 3

Добавить этот код:

<style type="text/css"> 
table.post-meta tr, td { 
font-size:7px; 
} 
</style> 
<script type="text/javascript"> 
$(function() { 
     $("#datepicker ").datepicker(); 
     $("#datepicker .ui-datepicker").css({"font-size":"7px"}); 
     $("#datepicker .ui-datepicker a").css({"font-size":"7px"}); 
    }); 
</script> 

Answer 4

реф ссылку:

div.ui-datepicker{ 
    font-size:12px; 
} 

http://quickwiki.com/How_to_resize_jQuery_datepicker_calendar_size