Padding bottom not working

Hi mọi người, em đang test thử thì thấy padding-bottom của component button nó không có work ạ. Không biết em có làm sai chỗ nào không. Em cám ơn.

Hi @Felix_Vo

Do trong css của em cũng có ăn luôn padding-top. Để padding-bottom, em thử dùng css bên dưới nhé:

button {
  padding: 0 16px 10px 16px;
}

Cám ơn anh @hung.nguyen7 , em chưa có hiểu lắm về lý do ạ. Nếu như trong web thì cơ bản nó phải work như em expect. Nhưng ở đây lại không. Thì em đang tự hỏi có yếu tố default nào của button là nó không work như thường không ạ ?

Hi @Felix_Vo

Button hiện tại đang có fix height là 40px (default). Nên để padding theo ý em, em có thể đổi height thành auto nhé. Bên anh sẽ xem xét lại chỗ này để giúp dev có thể thuận tiện hơn trong việc custom button.

Thanks em

1 Like