Quiero anular los estilos de un componente de código abierto que estoy usando, pero la única forma que puedo encontrar para deshabilitar la encapsulación de vista es en el decorador de un componente. Por supuesto, usar un módulo de terceros significa que no puedo editar la fuente. ¿De qué otra manera se podría hacer?
editar
Conozco la sugerencia de /deep/styles. Lo que quiero hacer es anular los estilos de tabla en un componente de terceros con el estilo de bootstrap 4. El componente personalizado tiene una clase .table aplicada, pero con la encapsulación de vista, las clases boostrap 4 no pueden alcanzarlo.
Solo quiero saber si hay una manera de desactivar la encapsulación de vista por completo sin tener que bifurcar el código y agregar el valor de propiedad del decorador del componente "encapsulación: ViewEncapsulation.None" para mi propio uso.
Puede usar el selector /deep/css para anular el estilo css de los componentes anidados. Por ejemplo, el componente utiliza un componente de terceros que crea un menú desplegable con la clase ".dropdown".
El componente html:
<ss-multiselect-dropdown #multipleSelect [settings]="settings" [options]="options" [(ngModel)]="selectedOptions" (ngModelChange)="onSelectChange($event)"></ss-multiselect-dropdown>y aquí está el css del componente que anula la clase desplegable.
/deep/ .dropdown { display: inline-block; width: 100%; }