From 79b3d21b697e94675d748cd9d42409b83318d2b5 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Sat, 7 Jul 2012 09:58:40 +0100 Subject: [PATCH] Reintroduce fix for WebKit audio/video control bug This fix was first introduced to deal with Chrome < 13 destroying the appearance of native `audio` and `video` button controls when `-webkit-appearance` is set on `input[type="button"]`. See #20 Android 4.0.* seems to use a version of WebKit that contains this bug. See: https://github.com/h5bp/mobile-boilerplate/issues/121 ...so the fix needs to be reintroduced. --- normalize.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/normalize.css b/normalize.css index 4474dee..f9b4e85 100644 --- a/normalize.css +++ b/normalize.css @@ -1,4 +1,4 @@ -/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ +/*! normalize.css 2012-07-07T08:58 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions @@ -408,19 +408,22 @@ input { } /* - * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls * 2. Corrects inability to style clickable 'input' types in iOS - * 3. Removes inner spacing in IE7 without affecting normal text inputs + * 3. Improves usability and consistency of cursor style between image-type + * 'input' and others + * 4. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, -input[type="button"], +html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { - cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ - *overflow: visible; /* 3 */ + cursor: pointer; /* 3 */ + *overflow: visible; /* 4 */ } /*