Javascript JQuery:日期选择器未居中

我使用的是jQuery1.8.17，我使用的是这个版本中的。在功能上，我让一切都按我所希望的那样工作，但由于某些原因，日期选择器没有像日期选择器的标签那样对齐到中心（我在边缘周围添加了一个边框，以便您可以看到文本居中，但日期选择器没有居中）

我希望标签和日期选择器都居中

JS

$("#reportsStartDate").datepicker({
             dateFormat: "dd-MM-yy",
             maxDate: -1,
             setDate: new Date(),
             onSelect: function (date) {
                 var date2 = $('#reportsStartDate').datepicker('getDate');
                 date2.setDate(date2.getDate() + 1);
                 $('#reportsEndDate').datepicker('setDate', date2);
                 //sets minDate to reportsStartDate date + 1
                 $('#reportsEndDate').datepicker('option', 'minDate', date2);
             }
         });

         $('#reportsEndDate').datepicker({
             dateFormat: "dd-MM-yy",
             maxDate: 0,
             onClose: function () {
                 var reportsStartDate = $('#reportsStartDate').datepicker('getDate');
                 console.log(reportsStartDate);
                 var reportsEndDate = $('#reportsEndDate').datepicker('getDate');
                 if (reportsEndDate <= reportsStartDate) {
                     var minDate = $('#reportsEndDate').datepicker('option', 'minDate');
                     $('#reportsEndDate').datepicker('setDate', minDate);
                 }
             }
         });

当我使用

input{
    vertical-align: middle !important;
}

input{
    vertical-align: bottom !important;
}

这就是结果

---

尝试按以下方式设置输入的高度（使用与布局相同的正确尺寸）

文本将在中心垂直对齐

快速示例：

---

我为他的问题做了一个快速的JSFIDLE，我觉得很好，可能是你的CSS问题，你能给我们提供一个CSS的例子吗？谢谢，我没有在页面中添加任何CSS，我唯一的CSS是在标签中（例如style=“border style:solid；”），页面外的CSS会影响这一点吗？…抱歉，前端技术不太好如果您使用HTML文件链接CSS，CSS可能会改变您的UI元素的样式。我正在将JS文件加载到页面中，但没有CSS文件。我也会将您的输入更改为

type=“text”

，否则Google Chrome将添加自己的日期选择器，而该日期选择器没有所有的日期选项。现在css中的整个日期与日期选择器不对齐。好的，我明白，如果我们实际上没有看到您的代码，很难看出您的问题所在……您能否创建一个JSFIDLE复制您的问题？我们将查看我的问题t并提供一些建议：）这是提供代码的好主意@Hip Hip Array：你能提供代码或创建fiddle吗？我正在尝试创建一个JFiddle来重现当前的错误，但在JFiddle上似乎工作得很好，在我看来，好像其他CSS文件一定会影响到这一点，好像我不使用！我的CSS块中的重要代码然后在我的页面上没有注册任何更改检查jquery UI CSS文件。以及通过它应用了哪些属性。

input{
    vertical-align: bottom !important;
}

input{
    background-color: red;
    line-height: 60px;
    heightL 60px;

}