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.
This commit is contained in:
Nicolas Gallagher 2012-07-07 09:58:40 +01:00
parent 03575299fc
commit 79b3d21b69

15
normalize.css vendored
View File

@ -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 */
}
/*