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-dropdown 周围引入填充？

Answer 1

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

td {
  padding: 5px !important;
}