🐛 Fix Input align broken in IE11

close ant-design#18347 close ant-design#18313 close ant-design#17753 The fix of ant-design#17759 did not resolve IE11
lewis617 · Aug 22, 2019 · 7aeca60 · 7aeca60
1 parent f9f6e8d
commit 7aeca60
Showing 1 changed file with 21 additions and 3 deletions.
diff --git 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;