From 3b166484873fa5035e27269b7e0cbeb46af9f866 Mon Sep 17 00:00:00 2001 From: mmalerba Date: Thu, 5 Jan 2017 17:34:03 -0800 Subject: [PATCH] fix(input): vendor-prefix ::placeholder (#2547) --- src/lib/input/input-container.scss | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss index 4e9a82c4080d..2ea6cfe4180d 100644 --- 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; }