How to Apply Padding to Select Elements

Simply specifying padding on a select element doesn’t work well.

select {
    padding: 5rem 3rem;
}

To properly apply padding, you need to use the appearance property:

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

• Line Breaks in Pug
• Sass Folder Structure (SMACSS)
• Setting up a Sass Environment and Simplifying HTML Common Parts as Easily as Possible
• How to Compile Sass with Gulp
• Creating Common Layouts in HTML