Improved display inline block

Improved <audio> display
Added <input> <select> <textarea> box sizing
This commit is contained in:
Jonathan 2011-05-03 14:17:32 -07:00
parent 15f071eb43
commit 4f1ba27963

49
normalize.css vendored
View File

@ -16,12 +16,22 @@ section {
display: block;
}
/*
* Vertical align for display inline block elements
* Improves visual appearance in all browsers
*/
audio[controls],
button,
canvas,
img,
input,
select,
textarea,
video {
display: inline-block;
*display: inline;
_display: expression(this.controls ? 'inline' : 'none');
vertical-align: top;
*zoom: 1;
}
@ -75,6 +85,19 @@ a:hover {
outline: none;
}
/*
* Make display based on controls for <audio> element
* Fixes styling not present in IE6/7/8
*/
audio {
display: none;
}
audio[controls] {
_display: expression(this.controls ? 'inline' : 'none');
}
/*
* 1.
* Disable border for <img> element
@ -251,3 +274,27 @@ input::-moz-focus-inner {
textarea {
overflow: auto;
}
/*
* Define box sizing for <input> <select> <textarea> element
* Addresses box sizing not supported in IE6/7
*/
input[type='button'],
input[type='checkbox'],
input[type='radio'],
input[type='submit'],
select {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
input[type='text'],
input[type='password'],
textarea {
-webkit-appearance: textfield;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}