CSS-在下拉列表周围填充

Question

在p表中的p下拉列表周围（顶部，底部，左侧，右侧）无法填充

代码...

<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表中的p下拉列表周围引入填充？

Answer 1

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

td {
  padding: 5px !important;
}

Answer 2

尝试添加

style="padding: 10px;"

内部p下拉标签。

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