如何改变 kendodatepicker 下拉菜单的高度答案

【问题标题】：How change the height of kendodatepicker dropdown如何改变 kendodatepicker 下拉菜单的高度
【发布时间】：2020-01-17 06:27:51
【问题描述】：

在我的 ASP.NET MVC 项目中，我使用了 kendoDatePicker，如下所示：

 <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css" rel="stylesheet">
<link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css" rel="stylesheet">
<script src="/Content/js/kendo.all.min.js"></script>

<script>
    $(document).ready(function () {
        $("#BirthDate").kendoDatePicker()
    });
</script>

我的部分观点如下，将与 kendodatepicket 一起显示：

 <div class="col-md-6" align="right" style="margin-top: 45px">
     <input type="text" id="BirthDate" name="BirthDate" required class="form-control" placeholder="تاریخ تولد">
     @Html.ValidationMessageFor(model => model.BirthDate, "", new { @class = "text-danger" })
 </div>

如你所见，下图是 datepicker 的下拉列表和它的高度：

如何用 CSS 缩短 this 的高度？任何帮助都会得到帮助！

【问题讨论】：

那是什么字体/语言？您是否验证过仅使用英文字符时也会出现此问题？
这是波斯字体。以前很好，但我不知道它会变成这样。这个下拉菜单的 CSS 类究竟是什么来使这个下拉菜单的高度变小，或者有没有任何 jquery 函数来解决这个问题？

标签： c# jquery html css asp.net-mvc

【解决方案1】：

我明白我的问题是什么了！我在视图中写了如下样式，这种样式在这个日期选择器中引起了干扰：

<style>
      a {
    border: 0;
    margin-bottom: 3px;
    display: block;
    width: 100%;
    margin-top: 40px
    }
</style>

【讨论】：