Removing overly specific selector for select input type (#207)

* Removing overly specific selector for select input type in forms.css and forms.evergreen.css

* Fixing indentation on forms.css

Co-authored-by: John <john@localhost>

Author: thejspro

forms.css

@@ -22,17 +22,17 @@ textarea {
 select {
   -moz-appearance: none;
   -webkit-appearance: none;
-  background: no-repeat right center / 1em;
+  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
   border-radius: 0;
   padding-right: 1em;
 }
 
 /**
- * Change the inconsistent appearance in all browsers (opinionated).
+ * Don't show the arrow for multiple choice selects
  */
 
-select:not([multiple]):not([size]) {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
+select[multiple] {
+  background-image: none;
 }
 
 /**

forms.evergreen.css

@@ -22,17 +22,17 @@ textarea {
 select {
   -moz-appearance: none;
   -webkit-appearance: none;
-  background: no-repeat right center / 1em;
+  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
   border-radius: 0;
   padding-right: 1em;
 }
 
 /**
- * Change the inconsistent appearance in all browsers (opinionated).
+ * Don't show the arrow for multiple choice selects
  */
 
-select:not([multiple]):not([size]) {
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
+select[multiple] {
+  background-image: none;
 }
 
 /**