From 26b2588335ea9a94844a062255d3415c958e0b86 Mon Sep 17 00:00:00 2001 From: Jonathan Neal Date: Mon, 11 Apr 2016 19:48:51 -0400 Subject: [PATCH] Normalize file select buttons (#574) --- normalize.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/normalize.css b/normalize.css index 2a9ec39..092de8f 100644 --- 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 */ +}