Remove height from audio:not([controls]) in iOS5

A bug in iOS5 means that `audio` elements without controls are not
entirely hidden. They retain some height, as demonstrated in this test
case: http://jsbin.com/ios-audio-bug/3

The fix is to add `height: 0` to the rule.

Fix #69
This commit is contained in:
Nicolas Gallagher 2012-03-06 10:21:57 +00:00
parent 5e5496c026
commit 664a7a760e

6
normalize.css vendored
View File

@ -1,4 +1,4 @@
/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ /*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= /* =============================================================================
HTML5 display definitions HTML5 display definitions
@ -36,10 +36,12 @@ video {
/* /*
* Prevents modern browsers from displaying 'audio' without controls * Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/ */
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
height: 0;
} }
/* /*
@ -369,7 +371,7 @@ fieldset {
/* /*
* 1. Corrects color not being inherited in IE6/7/8/9 * 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3 * 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7 * 3. Corrects alignment displayed oddly in IE6/7
*/ */