How to fix the select option padding not working in Chrome with CSS?

Spread the love

To fix the select option padding not working in Chrome with CSS, we set the appearance property.

For instance, we write

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px;
}

to set apperance to none before setting the padding to make the padding apply.