From 0e9c29ab58346f0752de8a34df5f66b0ed41b50c Mon Sep 17 00:00:00 2001
From: Jordan Scales <scalesjordan@gmail.com>
Date: Sat, 18 Apr 2020 11:10:45 -0400
Subject: [PATCH] select focus style

---
 docs/index.html | 4 ++--
 style.css       | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index d7948a9..ee5a042 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -33,7 +33,7 @@
       <fieldset>
         <legend>I think it's</legend>
         <div class="field-row">
-          <input id="cool" type="radio" value="cool" name="answer">
+          <input checked id="cool" type="radio" value="cool" name="answer">
           <label for="cool">Cool</label>
         </div>
 
@@ -43,7 +43,7 @@
         </div>
 
         <div class="field-row">
-          <input checked disabled id="idk" type="radio" value="idk" name="answer">
+          <input disabled id="idk" type="radio" value="idk" name="answer">
           <label for="idk">Idk</label>
         </div>
 
diff --git a/style.css b/style.css
index eda87ab..b8c0182 100644
--- a/style.css
+++ b/style.css
@@ -328,6 +328,15 @@ textarea:focus {
   outline: none;
 }
 
+select:focus {
+  color: var(--button-highlight);
+  background-color: var(--dialog-blue);
+}
+select:focus option {
+  color: #000;
+  background-color: #fff;
+}
+
 select:active {
   background-image: url("./button-down-active.svg");
 }