Css 调整jQueryUIDatePicker的大小会将其放错位置

我正在使用jQueryUI向表单中添加日期选择器

表格是这样的

<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>

.ui日期选择器{
字体大小：12px；
}

它起作用了，但有一个问题。日期选择器现在隐藏表单

如何像以前一样将日期选择器的顶部与字段底部对齐来定位它。

请参见：

您需要在jquicss文件的末尾添加该样式定义

因此，请将此放在最后：

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

---

你能用一把吗！重要属性

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

你试过这个吗？可能不是你想要的，但我对结果很好奇^^

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

添加此代码：

<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>

表1.meta tr后，td{
字体大小：7px；
}
$（函数（）{
$（“#datepicker”）.datepicker（）；
$（“#datepicker.ui datepicker”）.css（{“字体大小”：“7px”}）；
$（“#datepicker.ui datepicker a”）.css（{“font size:“7px”}）；
});

参考此链接：

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

---

另外，无论我是在实际的html文件中指定样式，还是在css文件中指定样式，都无关紧要。HTML中的样式将是上次AFIK应用的样式。请确保如果使用saratis的解决方案，则从HTML页面中删除内联样式。”div'part before'ui.datepicker{font size:12px}；}啊，皮蒂，认为这是一个很好的机会，但不想测试它。只是提出一些想法。只是一个远大目标-css代码或html标记中是否有任何错误？你可以在这里检查它们，单独的链接是因为它本身是没有意义的，而且目标资源也不能保证在将来仍然存在。在这里包括答案的基本部分，并提供链接供参考。