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

尝试添加

style="padding: 10px;"

内p下拉标签

---

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

应该添加css规则来设置此元素的样式。尝试将这样的代码添加到样式表中。我已经添加了

！重要信息

，因为您可能有其他样式可以覆盖此选项

td {
  padding: 5px !important;
}

---

答案向上投票-但是你的答案有一个小小的改变，我不得不在p下拉列表中添加填充而不是在标签中。我已经编辑了你的答案。希望你很好，我也接受了它。回答向上投票。。谢天谢地，我不得不在标签里加上填充物，而不是p形下拉标签