Remove box-sizing for input[type="search"]

This normalizes the CSS to what the suggested default browser CSS should
be, which is now implemented in IE11, Edge, Blink, WebKit and Gecko (for
the latter, see https://www.w3.org/Bugs/Public/show_bug.cgi?id=28784)

References twbs/bootstrap#17379

Closes #471

Author: patrickhlauke

normalize.css

@@ -348,13 +348,11 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 /**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ * Address `appearance` set to `searchfield` in Safari and Chrome.
  */
 
 input[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  box-sizing: content-box; /* 2 */
+  -webkit-appearance: textfield;
 }
 
 /**

test.html

@@ -429,12 +429,6 @@ <h3 class="Test-it">should be styleable</h3>
   <div class="Test-run">
     <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
   </div>
-  <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
-  <div class="Test-run">
-    <div style="background:red; display:inline-block; height:62px; width:242px;">
-      <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
-    </div>
-  </div>
   <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
   <div class="Test-run">
     <input type="search" value="search">