Remove the border and padding from color and range inputs in all browsers

Author: jonathantneal

forms.css

@@ -35,6 +35,16 @@ select:not([multiple]):not([size]) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
 }
 
+/**
+ * Remove the border and padding in all browsers (opinionated).
+ */
+
+[type="color"],
+[type="range"] {
+  border-width: 0;
+  padding: 0;
+}
+
 /**
  * Change the inconsistent appearance in IE (opinionated).
  */