angular - 如何在 mat-datepicker 的标题中隐藏年份切换

Question

.mat-calendar-period-button{
min-width: 0;
display: none !important; 
}

button.mat-calendar-period-button.mat-button.mat-button-base {
display: none !important;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled),  
[type="submit"]:not(:disabled) {
cursor: pointer;
display: none !important;
}

我使用了这个 CSS，但它没有用。

Answer 1

如果您有标准ViewEncapsulation，则需要添加::ng-deep到您正在使用的组件内的样式。试试这个：

:host ::ng-deep .mat-calendar-period-button{
  display: none; 
}