Permalink
Browse files

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: h5bp/mobile-boilerplate#121

...so the fix needs to be reintroduced.
  • Loading branch information...
1 parent 0357529 commit 79b3d21b697e94675d748cd9d42409b83318d2b5 @necolas committed Jul 7, 2012
Showing with 9 additions and 6 deletions.
  1. +9 −6 normalize.css
View
@@ -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 */
}
/*

0 comments on commit 79b3d21

Please sign in to comment.