Css 底漆下拉标签宽度

我使用了一个priming下拉列表输入，我想使保存标签占位符的div具有100%的宽度
以下是我如何使用它：

<div class="ui-grid ui-grid-responsive ui-fluid">
    <div class="ui-grid-row">
        <div class="ui-grid-col-2">
            <p-dropdown [options]="solutionsDropDownData" [(ngModel)]="solutionDropDownValue" placeholder="Solution..."
                [filter]="true" (onChange)="onSolutionChange($event)">
            </p-dropdown>
        </div>
    </div>
</div>

问题是，我希望占位符是全宽的，但在占位符后面有一个空格。可以在下面看到空间：

当我选择另一个值时，例如长度越小，空格的宽度就会改变，如果我使用相同的示例，空格的宽度就会变大。

我已经尝试过这种方法，但没有一种有效：

使用了autoWidth参数，但此参数使我

无法绑定到“autoWidth”，因为它不是“p-dropdown”的已知属性。

如果我将其与括号一起使用，则会出错；如果我不使用括号，错误就会消失，但它不起作用（我提到我导入了DropdownModule）

使用了如下css类（我单独使用它们，或者两者都使用）：

.ui下拉标签容器{ 宽度：100%！重要； }

.ui下拉菜单.ui下拉菜单面板{ 最小宽度：100%！重要； 宽度：最大含量； }

使用了样式参数

---

这种情况的发生是因为您使用了用于初始化的样式表。我们也遇到了同样的视觉问题，并通过在styles.css中添加下面的css类实现了这一点

.ui-dropdown .ui-dropdown-label-container {
    width: inherit !important;
}

---

实际上，

inherit

调用

100%

，我不明白为什么它对您不起作用。

我通过添加下面的代码来解决这个问题：

---

基本上，我只是在一个div中添加了下拉列表，并更改了包含它的div的背景颜色。

plz在选中后删除所有父div或注释所有父div。它不起作用。您是否尝试过第二种方法使用角度视图封装？您的意思是在我的组件视图封装中使用。无？