NG-Zorro 为下拉菜单中的选项设置特定宽度导致也为其他下拉菜单设置相同的宽度答案

【问题标题】：NG-Zorro set specific width for options inside the dropdown causes to also set same width to other dropdownsNG-Zorro 为下拉菜单中的选项设置特定宽度导致也为其他下拉菜单设置相同的宽度
【发布时间】：2021-11-17 08:50:33
【问题描述】：

我一直在为我的 Angular 项目使用 ng-zorro，我正在使用这个组件：https://ng.ant.design/components/select/en#ng-content

但是，我需要为下拉菜单打开后显示的选项设置特定的选项，我尝试这样做：

>    :host ::ng-deep {   .ant-select-dropdown {
>       width: 112px !important;   } }

但是，这种样式也适用于所有其他下拉菜单，我只想在下拉菜单中设置此宽度，而不是全部。

我一直在寻找其他替代方法来代替 ::ng-deep ，但找不到。

我真的只需要申请一个下拉菜单，而不是全部，如果没有 ::ng-deep 上的问题，我怎样才能做到这一点？

【问题讨论】：

请不要重复发布完全相同的问题。
这能回答你的问题吗？ NG-Zorro set specific width for options inside the dropdown causes to also set same width to other dropdowns

标签： javascript css angular ant-design-pro ng-zorro-antd

【解决方案1】：

::ng-deep 更改每个组件的样式（如您所见），实际上已被弃用（https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep）

您可以使用 ViewEncapsulation.None（文档：https://angular.io/guide/view-encapsulation）

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。