From 59420a5f5417260430bef765f1f4af651a0cc7b3 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 23 Oct 2023 21:22:18 -0700
Subject: [PATCH] Match <select> CSS with <button>

---
 index.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index c97ebf3..8d1538c 100644
--- a/index.html
+++ b/index.html
@@ -50,6 +50,12 @@
       border: 1px solid hsl(216deg 50% 50%);
     }
 
+    button,
+    select {
+      cursor: pointer;
+      transition: filter 400ms;
+    }
+
     select {
       padding: 4px;
     }
@@ -69,12 +75,9 @@
 
     button {
       padding: 4px 8px;
-      cursor: pointer;
-      transition: filter 400ms;
     }
 
-    button:hover,
-    button:focus {
+    :is(button, select):is(:hover, :focus) {
       filter: brightness(110%);
       transition: filter 200ms;
     }
-- 
2.47.3