如何更改 angular bootstrap 日历的大小？

Question

<mwl-calendar-month-view>
</mwl-calendar-month-view>

我尝试以多种方式减少它：从 .scss 文件，使用内联“样式”，通过 class 和不使用......但没有任何效果。 请给我一个想法我该怎么做 谢谢

This is the inspect window, I noted down here what are the lines I should remove

Answer 1

欢迎回来:D 在这个库的文档中，开发人员说并不是每个组件都包含样式，这样更容易覆盖它们。 此处某处：https://mattlewis92.github.io/angular-calendar/docs/index.html 但如果是这种情况，则必须在每条规则后使用“!important”一词。 例如：

.some-example-class {
  background-color: #fff !important;
  font-size: 12px !important;
}

或者尝试使用“::ng-deep”，但我不确定它到底是如何工作的，像这样：

::ng-deep {
  .some-example-class {
    background-color: #fff;
    font-size: 12px;
  }
}

您还可以组合使用“::ng-deep”和“!important”。