fix(input): vendor-prefix ::placeholder (#2547)

angular · Jan 6, 2017 · 3b16648 · 3b16648
1 parent f4f69c4
commit 3b16648
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss
@@ -15,10 +15,19 @@ md-input-container {
 }
 
 .md-input-element {
+  // Note that we can't use something like visibility: hidden or
+  // display: none, because IE ends up preventing the user from
+  // focusing the input altogether.
   &::placeholder {
-    // Note that we can't use something like visibility: hidden or
-    // display: none, because IE ends up preventing the user from
-    // focusing the input altogether.
+    color: transparent;
+  }
+  &::-moz-placeholder {
+    color: transparent;
+  }
+  &::-webkit-input-placeholder {
+    color: transparent;
+  }
+  &:-ms-input-placeholder {
     color: transparent;
   }