css 如何在离子日历中更改此按钮的样式

j8ag8udp  于 2023-04-08  发布在  其他
关注(0)|答案(1)|浏览(113)

I wanna style this ion-calendar inbuilt classes
我正在为ion-calendar-month添加样式,但什么也没有发生。

tkqqtvp1

tkqqtvp11#

由于样式在ion-calendar组件中是“深层次”的,因此您需要将样式添加到全局样式表中,或者在本地*.component.css样式表中使用::ng-deep选择器,以防您只想在本地覆盖样式。
类似于:

:host ::ng-deep ion-calendar ion-calendar-month {
  /* your custom style changes here */
}

::ng-deep将样式提升为全局样式。在官方文档中阅读更多关于此主题的内容。
我建议你添加更多的细节或Stackblitz(也是@Cuzy在他的评论中建议的)到你的问题中,以防这个答案不能解决你的问题。我在这个例子中使用:host来防止它泄漏到所有日历项目。

相关问题