add !important to enable placeholder styling in IE

fomantic · Apr 18, 2016 · 764321a · 764321a
1 parent bffda0b
commit 764321a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
@@ -344,7 +344,7 @@
   color: @inputErrorPlaceholderColor;
 }
 .ui.form .error :-ms-input-placeholder {
-  color: @inputErrorPlaceholderColor;
+  color: @inputErrorPlaceholderColor !important;
 }
 .ui.form .error ::-moz-placeholder {
   color: @inputErrorPlaceholderColor;
@@ -354,7 +354,7 @@
   color: @inputErrorPlaceholderFocusColor;
 }
 .ui.form .error :focus:-ms-input-placeholder {
-  color: @inputErrorPlaceholderFocusColor;
+  color: @inputErrorPlaceholderFocusColor !important;
 }
 .ui.form .error :focus::-moz-placeholder {
   color: @inputErrorPlaceholderFocusColor;

diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -188,7 +188,7 @@
   color: @placeholderErrorColor;
 }
 .ui.input.error input:-ms-input-placeholder {
-  color: @placeholderErrorColor;
+  color: @placeholderErrorColor !important;
 }
 
 /* Focused Error Placeholder */
@@ -199,7 +199,7 @@
   color: @placeholderErrorFocusColor;
 }
 .ui.input.error input:focus:-ms-input-placeholder {
-  color: @placeholderErrorFocusColor;
+  color: @placeholderErrorFocusColor !important;
 }
 
 /*******************************