分类

链接

2019 年 11 月
一 二 三 四 五 六 日
 123
45678910
11121314151617
18192021222324
252627282930  

近期文章

热门标签

新人福利，免费薅羊毛

现在位置:    首页 ＞ 前端 ＞ 正文
共享办公室出租
:host 和::ng-deep的使用
 2019-11-25 16:06 前端 暂无评论 阅读(310)

:host 表示选择当前的组件。
::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。

1.修改样式

  1. :host {
  2.      background: #F5F5F5;
  3.      overflow: hidden;
  4.      padding: 24px;
  5.      display: block;
  6. }
  7. .card-container ::ng-deep .ant-tabs-card .ant-tabs-content {
  8.      height: 120px;
  9.      margin-top: -16px;
  10. }

2.阻止默认事件

  1. ::ng-deep .mat-horizontal-stepper-header{
  2.     pointer-events: none!important;
  3. }

3.

 

============ 欢迎各位老板打赏~ ===========

关键字: , ,
【上篇】
【下篇】

与本文相关的文章

该日志由 Bruce 于2019年11月25日发表在前端分类下

本文版权归Bruce's Blog所有，转载引用请完整注明以下信息：
本文作者：Bruce
本文地址：:host 和::ng-deep的使用 | Bruce's Blog

发表评论

留言无头像?