首页 > 解决方案 > CSS - 在下拉列表周围填充

问题描述

无法在 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 周围引入填充?

标签: htmlcssangularsassprimeng

解决方案


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

td {
  padding: 5px !important;
}

推荐阅读