How to modify the default style third-party components

When writing style file in vue, in order to avoid contamination with other components of style, plus a scoped property on the style tag, but this time, if you want to modify the style third-party plug-ins, it will have no effect.
Recommends the following scheme: vue style penetration
sass / less penetrating manner using style

.parent /deep/ .children{
font-size:20px;
}

style stylus penetrate use >>>

.parent >>> .children{
font-size:20px;
}

Or scoped attribute removed, but there are drawbacks: lose the protection of styles, we need a way to protect the original style of the assembly to act on, and so on can be selected by way of background to achieve the protection of styles, it is not contaminated
so you can solve the problem of the penetration of style

Guess you like

Origin www.cnblogs.com/shemingxin/p/11843041.html