Match the height of select.form-control with input.form-control

Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967.
twbs · Oct 10, 2016 · 0c467e7 · 0c467e7
1 parent ea57c51
commit 0c467e7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -66,7 +66,8 @@
 
 select.form-control {
   &:not([size]):not([multiple]) {
-    height: $input-height;
+    $select-border-width: ($border-width * 2);
+    height: calc(#{$input-height} - #{$select-border-width});
   }
 
   &:focus::-ms-value {