library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add {vertical-align:middle} to form elements in IE6/7 - fixes their incorrect label-input alignment when using baseline. Reorder the form element rulesets

Browse Source
This commit is contained in:
necolas 2011-05-26 14:14:18 +01:00
parent 953a5f522e
commit c8aafe34e6
1 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
normalize.css vendored
View File

@ -300,7 +300,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 FF3/4 S5 Chrome * Fixes different margins set in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment in all browsers * 3. Define consistent vertical alignment display in all browsers
*/ */
button, button,
@ -310,6 +310,7 @@ textarea {
font-size: 100%; /* 1 */ font-size: 100%; /* 1 */
margin: 0; /* 2 */ margin: 0; /* 2 */
vertical-align: baseline; /* 3 */ vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
} }
/* /*
@ -324,17 +325,6 @@ input {
*overflow: visible; /* 2 */ *overflow: visible; /* 2 */
} }
/*
* Fix inner padding and border displayed in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* /*
* 1. Display hand cursor for clickable form elements in all browsers except IE6. * 1. Display hand cursor for clickable form elements in all browsers except IE6.
* Improves usability and consistency of cursor style between image-type <input> and others * Improves usability and consistency of cursor style between image-type <input> and others
@ -342,25 +332,14 @@ input::-moz-focus-inner {
* Fixes inability to style clickable <input> types in iOS * Fixes inability to style clickable <input> types in iOS
*/ */
button,
input[type="button"], input[type="button"],
input[type="reset"], input[type="reset"],
input[type="submit"], input[type="submit"] {
button {
cursor: pointer; /* 1 */ cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */ -webkit-appearance: button; /* 2 */
} }
/*
* 1. Disable default vertical scrollbar for <textarea> element
* Fixes scrollbar displayed oddly in IE6/7/8/9
* 2. Improves readability and aligment in all browsers
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* /*
* Define box sizing for checkbox and radio <input> types * Define box sizing for checkbox and radio <input> types
* Addresses box sizing set to content-box in IE8/9 * Addresses box sizing set to content-box in IE8/9
@ -384,6 +363,28 @@ input[type="search"] {
box-sizing: content-box; box-sizing: content-box;
} }
/*
* Fix inner padding and border displayed in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Disable default vertical scrollbar for <textarea> element
* Fixes scrollbar displayed oddly in IE6/7/8/9
* 2. Improves readability and aligment in all browsers
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ............................................................................................................. Table elements */ /* ............................................................................................................. Table elements */
/* /*