CODEWITHSUNDEEP
htmlcssangularsassprimeng
user11364823
user11364823

Reputation:

CSS - Padding all around the dropdown list

Unable to have padding all around (top, bottom, left, right) a p-dropdown inside a p-table

Code...

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

Functionally its working fine, just its border is stick to column walls.

How to introduce padding all around a p-dropdown in p-table ?

Upvotes: 3

Views: 1280

Answers (2)

llui85
llui85

Reputation: 181

It should be a matter of adding a padding css rule to style this element. Try adding code such as this to your stylesheet. I have added !important, since you may have other styles which could override this.

td {
  padding: 5px !important;
}

Upvotes: 1

David YK Han
David YK Han

Reputation: 150

Try adding

style="padding: 10px;"

inside p-dropdown tag.

Or do you have any styling code?

Upvotes: 0

Related Questions