From 488ef9ff94a922250ff87afb284dcc9563900fb7 Mon Sep 17 00:00:00 2001 From: afc163 Date: Mon, 19 Aug 2019 17:18:21 +0800 Subject: [PATCH] :bug: Fix Input align broken in IE11 close #18347 close #18313 close #17753 The fix of #17759 did not resolve IE11 --- components/input/style/mixin.less | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less index 2fc1f00853..b39efb8682 100644 --- a/components/input/style/mixin.less +++ b/components/input/style/mixin.less @@ -10,14 +10,26 @@ padding: @input-padding-vertical-lg @input-padding-horizontal-lg; font-size: @font-size-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() { height: @input-height-sm; padding: @input-padding-vertical-sm @input-padding-horizontal-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 @@ -56,7 +68,13 @@ color: @input-color; font-size: @font-size-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-image: none; border: @border-width-base @border-style-base @input-border-color;