diff --git a/normalize.css b/normalize.css index a892722c5..4601d6f7f 100644 --- a/normalize.css +++ b/normalize.css @@ -279,8 +279,9 @@ legend { } /** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. + * 1. Correct color not being inherited in all browsers. + * Known issue: `select` will not inherit color in Chrome and Safari on OS X. + * 2. Correct font properties not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ @@ -288,8 +289,8 @@ button, input, select, textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 2 */ + color: inherit; /* 1 */ + font: inherit; /* 2 */ margin: 0; /* 3 */ } diff --git a/test.html b/test.html index ab9a79b7d..51dda7b37 100644 --- a/test.html +++ b/test.html @@ -275,6 +275,15 @@

Forms

+
+ Color inheritance +

+

+

+

+

+
+
Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.