Изменение размера 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

Ссылка на эту ссылку:

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

http://quickwiki.com/How_to_resize_jQuery_datepicker_calendar_size

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

См. Это: Как изменить размер элемента управления jQuery DatePicker

Вам нужно добавить это определение стиля в конец файла jq-ui css.

Итак, поставьте в конце:

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