::ng-deep going to be deprecated - Any alternatives?

Question

Doc says:

The shadow-piercing descendant combinator is deprecated and support is being removed from major browsers and tools. As such we plan to drop

Answer 1

One alternative that can work is to include the css styles in your global styles.scss file*.

For example, say you want to add a style to the

element that gets generated under a , you could use ::ng-deep likewise:

your.component.scss

::ng-deep mat-form-field.mat-form-field div.mat-form-field-flex {
  padding: 0 0 0 .75em;
}

Or instead, you can change:

styles.scss:

mat-form-field.mat-form-field  div.mat-form-field-flex {
  padding: 0 0 0 .75em;
}

---

*: This is any file that is added to the styles collection in your angular.json file.

"styles": [
          "src/theme.scss",
          "src/styles.scss"
        ],

0 讨论(0)

查看其它2个回答

发布评论:

提交评论

---

•  加载中...