Normalize file select buttons (#574)

necolas · Apr 11, 2016 · 26b2588 · 26b2588
1 parent 2c4e218
commit 26b2588
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/normalize.css b/normalize.css
@@ -293,7 +293,7 @@ select { /* 1 */
 /**
  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  *    controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
  */
 
 button,
@@ -408,3 +408,13 @@ textarea {
   color: inherit;
   opacity: 0.54;
 }
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Chrome and Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}