Fix optgroup normalization and add test

necolas · necolas · commit 5b9bf5e1a365 · 2014-01-15T16:45:43.000-08:00
Ref gh-102
diff --git a/normalize.css b/normalize.css
@@ -296,6 +296,15 @@ textarea {
     margin: 0; /* 3 */
 }
 
+/**
+ * Re-apply the `font-weight` to avoid modifying the default UX, and because
+ * the default cannot be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+    font-weight: bold;
+}
+
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
diff --git a/test.html b/test.html
@@ -300,6 +300,13 @@ <h1>Forms</h1>
                 <p><label><input type="checkbox"> Checkbox input</label></p>
 
                 <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+                <p><label>Select with optgroup
+                  <select>
+                    <optgroup label="Optgroup label">
+                    <option>Option 01</option>
+                    <option>Option 02</option>
+                  </select>
+                </label></p>
                 <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
             </fieldset>
 
