【问题标题】:How to hide year toggle from header in mat-datepicker如何在 mat-datepicker 的标题中隐藏年份切换
【发布时间】:2021-11-02 08:05:03
【问题描述】:

.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,但它不起作用。

【问题讨论】:

标签: angular typescript angular-material angular8 mat-datepicker


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-05-11
    • 1970-01-01
    • 1970-01-01
    • 2018-06-28
    • 1970-01-01
    • 2017-06-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多