Reduce padding/add room on color input for Chrome (v32/34 OS X).

src/forms/css/forms.css

@@ -26,6 +26,12 @@
     box-sizing: border-box;
 }
 
+/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
+/* May be able to remove this tweak as color inputs become more standardized across browsers. */
+.pure-form input[type="color"] {
+    padding: 0.2em 0.5em;
+}
+
 .pure-form input:not([type]):focus,
 .pure-form input[type="text"]:focus,
 .pure-form input[type="password"]:focus,

src/forms/tests/manual/forms.html

@@ -106,6 +106,9 @@
                 <option>NY</option>
             </select>
 
+            <label>Color</label>
+            <input type="color">
+
             <label class="pure-checkbox">
                 <input type="checkbox"> I've read the terms and conditions
             </label>