feat(index.html): custom select chevron

1 files changed, 5 insertions, 0 deletions

diff --git a/index.html b/index.html
index 25bc60a..a058e4d 100644
--- a/index.html
+++ b/index.html
@@ -66,6 +66,11 @@
       select {
         color: #9fadbd;
         margin-bottom: 35%;
+        appearance: none;
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239fadbd'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
+        background-repeat: no-repeat;
+        background-position: right 0.75em top 50%;
+        background-size: 1.25em;
       }
 
       select:focus {