diff options
| author | Martijn Cuppens <[email protected]> | 2020-03-06 17:22:27 +0100 |
|---|---|---|
| committer | Martijn Cuppens <[email protected]> | 2020-04-01 08:30:40 +0200 |
| commit | 6663faa3e7365e2d2caf49e38643f6b9d3245359 (patch) | |
| tree | 8102594a9328b397079871110248ad2d3bfdd805 | |
| parent | 43d866313d5849c08f4e0f6589691ad63ee4e42a (diff) | |
| download | bootstrap-6663faa3e7365e2d2caf49e38643f6b9d3245359.tar.xz bootstrap-6663faa3e7365e2d2caf49e38643f6b9d3245359.zip | |
Fix date inputs heights in safari
| -rw-r--r-- | scss/_reboot.scss | 13 | ||||
| -rw-r--r-- | scss/forms/_form-control.scss | 1 |
2 files changed, 1 insertions, 13 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index d3d487189..488c0676d 100644 --- 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 fb3142333..42456e3aa 100644 --- 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); |