如何移除或修改PrimeNG Calendar组件的日期选择器头部分隔线？

完全可以搞定，直接通过自定义CSS就能实现，具体操作如下：

移除分隔线 #

找到日期选择器头部对应的样式类，添加这段CSS代码：

.p-calendar .p-datepicker-header {
  border-bottom: none !important;
}

如果是Angular项目且开启了ViewEncapsulation，需要用::ng-deep穿透样式：

::ng-deep .p-calendar .p-datepicker-header {
  border-bottom: none !important;
}

修改分隔线样式 #

要是想调整分隔线的颜色、粗细或者样式，直接修改border-bottom属性就行，举个例子：

/* 改成2px粗的红色虚线 */
.p-calendar .p-datepicker-header {
  border-bottom: 2px dashed #ff0000 !important;
}

同样，需要样式穿透的话加上::ng-deep前缀。

补充说明 #

PrimeNG Calendar的头部分隔线是通过.p-datepicker-header类的border-bottom属性默认设置的，直接覆盖这个属性就能达到效果，不用去改组件源码。

内容的提问来源于stack exchange，提问作者DLO