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

Normalize fieldset border. Fix #34

Browse Source 
IE renders rounded corners on fieldsets by default.

All browsers - even those that use the same border value of
2px groove threedface in their UA stylesheet - have different
final rendering colors, widths, and joining of the border.

The chosen value of 1px solid #c0c0c0 takes the most common
visual border width (IE, Firefox, Opera), removes the problematic
groove width value, and takes the computed color value from Chrome.
This commit is contained in:
Nicolas Gallagher 2011-09-14 11:13:13 +01:00
parent f3de91ac51
commit 3be9da44bc
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
normalize.css vendored
View File

@ -1,4 +1,4 @@
/*! normalize.css 2011-08-31T22:02 UTC · http://github.com/necolas/normalize.css */ /*! normalize.css 2011-09-14T10:12 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= /* =============================================================================
HTML5 display definitions HTML5 display definitions
@ -259,7 +259,7 @@ nav ol {
========================================================================== */ ========================================================================== */
/* /*
* 1. Removes border when inside 'a' element in IE6/7/8/9, F3 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7 * 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/ */
@ -304,10 +304,11 @@ form {
} }
/* /*
* Define consistent margin and padding * Define consistent border, margin, and padding
*/ */
fieldset { fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px; margin: 0 2px;
padding: 0.35em 0.625em 0.75em; padding: 0.35em 0.625em 0.75em;
} }
@ -324,7 +325,7 @@ legend {
/* /*
* 1. Corrects font size not being inherited in all browsers * 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
* 3. Improves appearance and consistency in all browsers * 3. Improves appearance and consistency in all browsers
*/ */