Skip to content

Commit

Permalink
Reintroduce fix for WebKit audio/video control bug
Browse files Browse the repository at this point in the history
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 necolas#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
necolas committed Jul 7, 2012
1 parent 0357529 commit 79b3d21
Showing 1 changed file with 9 additions and 6 deletions.
15 changes: 9 additions & 6 deletions normalize.css
Original file line number Diff line number Diff line change
@@ -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
Expand Down Expand Up @@ -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 */
}

/*
Expand Down

0 comments on commit 79b3d21

Please sign in to comment.