Override iOS search input's extra round corners

diff --git a/less/forms.less b/less/forms.less
index d0189d0cc8ae269532177c01328ad9b1486420cb..d97993318768373473025475da547d3f5fd61468 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -150,10 +150,24 @@ output {
   }
 }
 
+
+// Search inputs in iOS
+//
+// This overrides the extra rounded corners on search inputs in iOS so that our
+// `.form-control` class can properly style them. Note that this cannot simply
+// be added to `.form-control` as it's not specific enough. For details, see
+// https://github.com/twbs/bootstrap/issues/11586.
+
+input[type="search"] {
+  -webkit-appearance: none;
+}
+
+
 // Special styles for iOS date input
 //
 // In Mobile Safari, date inputs require a pixel line-height that matches the
 // given height of the input.
+
 input[type="date"] {
   line-height: @input-height-base;
 }