css hide placeholder input - Измените цвет плацдарма HTML5 входа с помощью CSS

change placeholder color / css / html / placeholder / html-input

Chrome поддерживает атрибут замещающий на input[type=text] элементы (другие , вероятно , делать тоже).

input[placeholder], [placeholder], *[placeholder] {
    color: red !important;
}
<input type="text" placeholder="Value">

25 revs, 19 users 20%



Answer #1

В Firefox и Internet Explorer цвет обычного ввода текста переопределяет свойство цвета заполнителей. Итак, нам нужно

::-webkit-input-placeholder { 
    color: red; text-overflow: ellipsis; 
}
:-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
}
::-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
} /* На будущее */
:-ms-input-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
}