如何更改primeng日历高度？

Question

如何更改primeng日历的高度而不是输入字段。

更新1：

应用以下样式后，日历显示如下

.ui-calendar .ui-datepicker {
height : 200px;
}

Answer 1

使用[style]或[styleClass]

<p-calendar [styleClass]="'custom-height'"></p-calendar>

在你的css使用下面：

.custom-height:{height:300px}

Answer 2

您可以覆盖以下类别的主要日历

.ui-calendar .ui-datepicker {
height : 200px;
}

在css下面添加：

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0px;
}