He estado usando ng-zorro para mi proyecto angular, estoy usando este componente: https://ng.ant.design/components/select/en#ng-content
Sin embargo, necesito establecer una configuración específica para las opciones que muestra el menú desplegable después de que se abre, traté de hacer esto:
> :host ::ng-deep { .ant-select-dropdown { > width: 112px !important; } }Sin embargo, este estilo también se aplica a todos los demás menús desplegables, y solo quería darle este ancho solo a un menú desplegable, no a todos.
He estado buscando otra alternativa en lugar de ::ng-deep , pero no pude encontrar una.
Realmente necesito presentar una solicitud con solo un menú desplegable y no con todos. ¿Cómo puedo lograr esto sin el problema en ::ng-deep?
::ng-deep cambia el estilo en cada componente (como puede ver) y en realidad está obsoleto ( https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep )
Podría usar ViewEncapsulation.None (documentación: https://angular.io/guide/view-encapsulation )