Skip to content

Instantly share code, notes, and snippets.

@cagartner

cagartner/custom-select-arrow.css

Created December 4, 2018 10:54
Show Gist options
  • Save cagartner/5a6922cebf1c7906cd31e9b144ddc034 to your computer and use it in GitHub Desktop.
Save cagartner/5a6922cebf1c7906cd31e9b144ddc034 to your computer and use it in GitHub Desktop.
Download ZIP
make the select beautiful em every browser
Raw
custom-select-arrow.css
select.custom-select {
background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI2Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM4QjhCOEIiIGQ9Ik02LjQ5IDUuOTk5YS43NzguNzc4IDAgMCAxLS41NDEtLjIxNkwuMjE1IDEuMjU5YS43MTcuNzE3IDAgMCAxIDAtMS4wNDIuNzg0Ljc4NCAwIDAgMSAxLjA4MSAwTDYuNDkgNC4yMjEgMTEuNjgzLjIxN2EuNzg2Ljc4NiAwIDAgMSAxLjA4MiAwIC43MTkuNzE5IDAgMCAxIDAgMS4wNDJMNy4wMyA1Ljc4M2EuNzczLjc3MyAwIDAgMS0uNTQuMjE2eiIvPjwvc3ZnPg== ') no-repeat 95% center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment