Fix date inputs heights in safari

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index d3d4871891fffeff4e18a691e1abbba32c19a355..488c0676d8e9c9f9a751bf6104c35ec5fb93f5b7 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -466,19 +466,6 @@ button,
   border-style: none;
 }
 
-// Remove the default appearance of temporal inputs to avoid a Mobile Safari
-// bug where setting a custom line-height prevents text from being vertically
-// centered within the input.
-// See https://bugs.webkit.org/show_bug.cgi?id=139848
-// and https://github.com/twbs/bootstrap/issues/11266
-
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
-  -webkit-appearance: textfield;
-}
-
 // 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.
 
 textarea {

diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index fb3142333e35168e0c3e74ea7d71f15d65415275..42456e3aa650504fef01c81ae8632551a35a227b 100644 (file)
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -15,6 +15,7 @@
   background-color: $input-bg;
   background-clip: padding-box;
   border: $input-border-width solid $input-border-color;
+  appearance: none; // Fix appearance for date inputs in Safari
 
   // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
   @include border-radius($input-border-radius, 0);