Skip to main content
1 of 3
flyingduck92
  • 1.7k
  • 4
  • 26
  • 49

Styling select tags using CSS

Happy Sunday everyone, I would like to know how to styling the select tags for this image below enter image description here

I was able to custom the dropdown (code below):

select { padding: 1em; width: 130%; border-radius: .2em; border: 1px solid #acacac; color: #181820; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: url('https://cdn1.iconfinder.com/data/icons/arrows-vol-1-4/24/dropdown_arrow-512.png'); background-repeat: no-repeat; background-size: 15px 15px; background-position: right; background-origin: content-box; } 
flyingduck92
  • 1.7k
  • 4
  • 26
  • 49