All geek questions in one place

Overriding Encapsulated CSS External Component

I was wondering how to override the encapsulated CSS of an external component.

Therefore, I use material2 in my project, and the tab component has an attribute overflow set to tab-body. Is it possible to override the overflow value?

+4
source share
2 answers

You can use the special css instruction /deep/. See documentation

So if you have

app sub-component target-component <div class="target-class">...</div>

You can put css (or less) in your applications:

/deep/ .target-class { width: 20px; background: #ff0000; }

Obviously you can put this css snippet in sub-component.

+7
source

, ( Inspector ). css , , . , css css, .

, .

0

Source: https://habr.com/ru/post/1658452/

More articles:


All Articles