Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

(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?