Browse Source

🐛 Fix Input align broken in IE11

close #18347
close #18313
close #17753

The fix of #17759 did not resolve IE11
pull/18348/head
afc163 5 years ago
parent
commit
488ef9ff94
  1. 24
      components/input/style/mixin.less

24
components/input/style/mixin.less

@ -10,14 +10,26 @@
padding: @input-padding-vertical-lg @input-padding-horizontal-lg; padding: @input-padding-vertical-lg @input-padding-horizontal-lg;
font-size: @font-size-lg; font-size: @font-size-lg;
line-height: @input-height-lg; line-height: @input-height-lg;
line-height: ~'@{line-height-base} \9'; // https://github.com/ant-design/ant-design/issues/17753 // https://github.com/ant-design/ant-design/issues/17753
line-height: ~'@{line-height-base} \9';
// stylelint-disable-next-line
_:-ms-input-placeholder,
:root & {
line-height: @line-height-base;
}
} }
.input-sm() { .input-sm() {
height: @input-height-sm; height: @input-height-sm;
padding: @input-padding-vertical-sm @input-padding-horizontal-sm; padding: @input-padding-vertical-sm @input-padding-horizontal-sm;
line-height: @input-height-sm; line-height: @input-height-sm;
line-height: ~'@{line-height-base} \9'; // https://github.com/ant-design/ant-design/issues/17753 // https://github.com/ant-design/ant-design/issues/17753
line-height: ~'@{line-height-base} \9';
// stylelint-disable-next-line
_:-ms-input-placeholder,
:root & {
line-height: @line-height-base;
}
} }
// input status // input status
@ -56,7 +68,13 @@
color: @input-color; color: @input-color;
font-size: @font-size-base; font-size: @font-size-base;
line-height: @input-height-base; line-height: @input-height-base;
line-height: ~'@{line-height-base} \9'; // https://github.com/ant-design/ant-design/issues/17753 // https://github.com/ant-design/ant-design/issues/17753
line-height: ~'@{line-height-base} \9';
// stylelint-disable-next-line
_:-ms-input-placeholder,
:root & {
line-height: @line-height-base;
}
background-color: @input-bg; background-color: @input-bg;
background-image: none; background-image: none;
border: @border-width-base @border-style-base @input-border-color; border: @border-width-base @border-style-base @input-border-color;

Loading…
Cancel
Save