时间戳

首页 > 解决方案 > 将 CSS 编辑为 ngb-datepicker (Angular)

css - 将 CSS 编辑为 ngb-datepicker (Angular)

问题描述

我试图从ng-bootstrap覆盖 Datepicker 的外观。我可以用自己的颜色更改浏览器中的属性，但选择器不起作用。我什至可以访问 CSS 吗？我在任何子目录中都找不到它。

标签： cssangulardatepickercalendar

解决方案

您需要使用encapsulation:ViewEncapsulation.None来覆盖样式

@Component({
  selector: 'ngbd-datepicker-basic',
  templateUrl: './datepicker-basic.html',
  styles:[
    `.ngb-dp-arrow-btn
    {
      color:red;
    }
   `
  ],
  encapsulation:ViewEncapsulation.None
})

请注意，ViewEncapsulation.None，使 .css 覆盖整个应用程序的所有<styles>.css（在 index.html= 的开头创建一个标签

推荐阅读