是否有可能改变第三方模块的风格？

Question

我是Angular的新手，我对一个日期选择器很头疼。 在我的Angular5应用程序中，我使用了一个位于此处的日期选择器：

https://github.com/kekeh/mydatepicker

要使用此日期选择器，我添加了：

<my-date-picker name="mydate" [options]="myDatePickerOptions"
                    [(ngModel)]="model" required></my-date-picker>

并且完美无缺。

但是我需要更改此元素的一些CSS样式。 这只是输入。 在视图完全加载时是否有机会添加一些额外的样式？喜欢在jQuery中通过document ready（）？

Answer 1

关于https://github.com/kekeh/mydatepicker#change-styles-of-the-component和:: ng-deep：

的信息

::ng-deep my-date-picker .weekdaytitle{
  color: red !important;
  width:100px;
}

DEMO

Answer 2

您可以为全局样式表添加样式，也可以在包含该日期选择器的组件的CSS中添加样式。如果在组件的CSS文件中，如果使用默认的封装模拟，您可能必须使用:: ng-deep组合器

::ng-deep my-date-picker input
{
    margin: 10px;
}

在任何一种情况下，你仍然需要确保你的CSS rulkes优先于默认值