(v4) customize input height not working for IE 9 to 11
Created by: changLiuUNSW
Just notice that the height for inputs is commented out: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_forms.scss#L11
// // Make inputs at least the height of their button counterpart (base line-height + padding + border)
// height: $input-height;
I want to customize my input height to 48 px
:
I do the following change:
$input-line-height : 30px;
$input-padding-y: 8px:
$input-btn-border-width: 1px;
base line-height + padding + border = 48 px
It works perfectly for Chrome + Firefox+ IE edge, but it does not work for IE 9-11.
Plunker: https://plnkr.co/edit/kJdhvFyAZmDVkeTATkiW?p=preview
Just open above link in Chrome and IE 11. You will find the difference.
Is there any workaround for this?