В дополнение к тому, что ответил Радж, при использовании префиксов поставщиков селекторы должны быть разделены на свои собственные наборы правил для каждого префикса.

Причина этого в том, что для того, чтобы язык CSS развивался, браузеры должны отбрасывать селекторы или объявления, которые они не понимают. Это позволяет добавлять новые функции, не беспокоясь о том, что старые браузеры будут интерпретировать их по-другому, а не просто удалять.

При использовании комбинатора запятых для объединения различных псевдоклассов вы превращаете его в один селектор, и браузер должен понимать все это, чтобы применить этот набор правил.

Вместо этого вы должны создать новый набор правил для каждого псевдокласса/элемента с префиксом поставщика. К сожалению, повторений много, но такова цена использования экспериментального CSS.

Как правило, при стилизации заполнителей

При обнаружении неподдерживаемого префикса поставщика механизмы синтаксического анализа CSS сочтут все правило недействительным, поэтому требуется отдельный набор правил для каждого префикса поставщика. Кроме того, я обнаружил, что IE11 требует, чтобы флаг !important переопределял стили пользовательского агента по умолчанию:

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
    color: #ccc;
    font-weight: 400;
}

/* CSS Pseudo-Elements Level 4 Editor's Draft
   - Browsers not mentioned in vendor prefixes
   - Browser of newer versions than mentioned in vendor prefixes */
::placeholder {
    color: #ccc;
    font-weight: 400;
}

Только IE11 нужен флаг !important.

Проверьте поддержку браузера на CanIUse

Решение вашей конкретной проблемы

В вашем примере вам понадобятся эти наборы правил для IE11:

#search:-ms-input-placeholder {
    color: #898F9C !important; /* IE11 needs the !important flag */
}

/* (...) Other vendor prefixed rulesets omitted for brevity */

#search::placeholder {
    color: #898F9C;
}

определения должны быть разделены.

eg:

#search
{
    color:blue;
}

#search::-webkit-input-placeholder {
   color: red;
}

#search:-moz-placeholder {
   color: red;
}

#search::-moz-p {
   color: red;
}

#search:-ms-input-placeholder {
   color: red;
}

См. здесь: http://jsfiddle.net/DLGFK/203/.

Если кто-то пришел сюда, потому что он не может изменить font-size - в настоящее время font-size для заполнителя не поддерживается в IE и Edje. не похоже, что они собираются исправить это в ближайшее время. Ошибка № 11342294

Я рекомендую использовать Autoprefixer для создания правильного вывода.

Вход

input::placeholder {
    color: red;
}

Выход

input::-webkit-input-placeholder {
    color: red;
}
input::-moz-placeholder {
    color: red;
}
input:-ms-input-placeholder {
    color: red;
}
input::-ms-input-placeholder {
    color: red;
}
input::placeholder {
    color: red;
}