Skip to content

Instantly share code, notes, and snippets.

@robspangler

robspangler/select-field-custom-arrow.css

Last active January 11, 2023 18:57
Show Gist options
  • Save robspangler/e477808d120159a639b598b6384ebfc4 to your computer and use it in GitHub Desktop.
Save robspangler/e477808d120159a639b598b6384ebfc4 to your computer and use it in GitHub Desktop.
Download ZIP
Custom down chevron arrow for <select> form tags
Raw
select-field-custom-arrow.css
select {
background: #fff url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=") no-repeat 98% center !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment