CSS - 在下拉列表周围填充

Question

无法在 p-table

内的 p-dropdown 四周（顶部、底部、左侧、右侧）进行填充

代码...

<td>
    <p-dropdown name="country" [options]="countries" [(ngModel)]="applicant.country" placeholder="select country"
        (onChange)="getStatebyCountry(applicant.country,$event)" #country="ngModel" required>
    </p-dropdown>
</td>

功能上它工作正常，只是它的边框粘在柱壁上。

如何在 p-table 中的 p-下拉列表周围引入填充？

Answer 1

尝试添加

style="padding: 10px;"

在 p-dropdown 标签内。

或者你有任何样式代码吗？

Answer 2

应该添加 padding css 规则来设置此元素的样式。尝试将这样的代码添加到您的样式表中。我添加了 !important，因为您可能有其他样式可以覆盖它。

td {
  padding: 5px !important;
}