Javascript 自定义角度6材质日期选择器

Javascript 自定义角度6材质日期选择器,javascript,html,css,angular,datepicker,Javascript,Html,Css,Angular,Datepicker,我正试图找出如何自定义所选的日期-月份标签并移除内部框阴影。我无法找到这些项目的正确选择器: .mat-calendar-content { padding: 0px 0px 8px 0px !important; outline: 0; } .mat-calendar-body-cell-content .mat-calendar-body-selected { border-radius: 100% !important; color: orange !im

我正试图找出如何自定义所选的日期-月份标签并移除内部框阴影。我无法找到这些项目的正确选择器:

.mat-calendar-content {
    padding: 0px 0px 8px 0px !important;
    outline: 0;
}

.mat-calendar-body-cell-content .mat-calendar-body-selected {
    border-radius: 100% !important;
    color: orange !important;
}
因此,基本上,我正在尝试将月份居中,移除内框阴影,并使所选项目背景为圆形而不是方形。“angular material”中的当前示例已经具有圆和移除的长方体阴影。不知道为什么我仍然使用旧格式



找到了这个。只需在css选择器之前使用::ng deep

谢谢你,扎布斯!非常有帮助!CSS又做了一次。您使用CSS和第n个child的提示非常好。我设法用以下类为weekend字体着色:

.mat-calendar-table {
  td:first-child > .mat-calendar-body-cell-content {
    color: #dfa5a5 !important;
  }
  td:nth-child(7) > .mat-calendar-body-cell-content {
    color: #dfa5a5 !important;
  }
}
.mat-calendar-table {
  td:first-child > .mat-calendar-body-cell-content {
    color: #dfa5a5 !important;
  }
  td:nth-child(7) > .mat-calendar-body-cell-content {
    color: #dfa5a5 !important;
  }
}