Correct the box sizing declarations required to improve cross-browser consistency of specific input types

This commit is contained in:
Nicolas Gallagher 2011-05-23 08:04:33 -07:00
parent 6546f401e4
commit 8061c67cf7

32
normalize.css vendored
View File

@ -122,7 +122,7 @@ a:hover {
/* /*
* Add bottom border to <abbr> element * Add bottom border to <abbr> element
* Fixes styling not present in IE6/7/8/9 C10 S5 * Fixes styling not present in IE6/7/8/9 S5 Chrome
*/ */
abbr[title] { abbr[title] {
@ -131,7 +131,7 @@ abbr[title] {
/* /*
* Add bold font weight to <b> and <strong> elements * Add bold font weight to <b> and <strong> elements
* Fixes style set to 'bolder' in FF3/4 S4/5 C10 * Fixes style set to 'bolder' in FF3/4 S4/5 Chrome
*/ */
b, b,
@ -145,7 +145,7 @@ blockquote {
/* /*
* Add italic font style to <dfn> element * Add italic font style to <dfn> element
* Fixes styling not present in C10 S5 * Fixes styling not present in S5 Chrome
*/ */
dfn { dfn {
@ -165,7 +165,7 @@ mark {
/* /*
* Redeclare monospace font family to <pre> <code> <kbd> <samp> elements * Redeclare monospace font family to <pre> <code> <kbd> <samp> elements
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
* 1. Fixes font family set oddly in C10 S5 * 1. Fixes font family set oddly in S5 Chrome
* 2. Fixes monospace font family set oddly in IE6 * 2. Fixes monospace font family set oddly in IE6
*/ */
@ -288,7 +288,7 @@ legend {
/* /*
* 1. Define font-size as equal to <body> font-size * 1. Define font-size as equal to <body> font-size
* 2. Remove margin from form elements * 2. Remove margin from form elements
* Fixes different margins set in C10 S5 FF3/4 * Fixes different margins set in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment in all browsers * 3. Define consistent vertical alignment in all browsers
*/ */
@ -349,24 +349,22 @@ textarea {
} }
/* /*
* Define box sizing for <input> <select> <textarea> element * Define box sizing for checkbox and radio <input> types
* Addresses box sizing not supported in IE6/7 * Addresses box sizing set to content-box in IE8/9
*/ */
input[type="checkbox"], input[type="checkbox"],
input[type="button"], input[type="radio"] {
input[type="radio"],
input[type="reset"],
input[type="submit"],
select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
input[type="text"], /*
input[type="password"], * Define box sizing and appearance for search <input> type
textarea { * Address box sizing set to border-box in S5 Chrome (include -moz to future-proof)
* Address appearance set to searchfield in S5 Chrome
*/
input[type="search"] {
-webkit-appearance: textfield; -webkit-appearance: textfield;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;