Roll back input change to fix input border issue

destyle.css

@@ -231,7 +231,7 @@ iframe {
  */
 
 button,
-input:not([type="radio"]):not([type="checkbox"]),
+input,
 optgroup,
 select,
 textarea {
@@ -249,6 +249,20 @@ textarea {
   text-align: inherit;
 }
 
+/**
+ * Reset radio and checkbox appearance to preserve their look in iOS.
+ */
+
+[type="checkbox"] {
+  -webkit-appearance: checkbox;
+  appearance: checkbox;
+}
+
+[type="radio"] {
+  -webkit-appearance: radio;
+  appearance: radio;
+}
+
 /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
@@ -372,17 +386,6 @@ textarea {
   overflow: auto;
 }
 
-/**
- * Remove margin, padding & outline.
- */
-
-[type="checkbox"],
-[type="radio"] {
-  padding: 0;
-  margin: 0;
-  outline: 0;
-}
-
 /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */