Какого отличие цвета/прозрачности текста placeholder от value в input?

Question

[Urushi Go]

<input type='text' value='spider-man' placeholder='spider-man' />

Answer 1

[Сергей Горячев]

Стиль placeholder-a можно изменить с помощью такого набора css правил:

::-webkit-input-placeholder {color:#c0392b;}
::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */
:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c0392b;}

Answer 2

[Wheelie]

Какое вы зададите. А если оставите пустым, разные браузеры по своему сделают.

Answer 3

[Михаил Чирский]

Ответа я так и не увидел среди 2 предложенных, попробую ответить как это понимаю я, все дело в том, что в firefox, по умолачнию прозрачность у placeholder 50 % или же .5, а у хрома она 100 % или же 1, так вот если вам надо сдеалать одинаковую прозрачность задаете для хрома и для фф 1 и тоже значение, или же наооборот надо сделать без прозрачности, задает 1 в 2 случаях пример:

::-moz-placeholder { opacity: .4; } // FF
::-webkit-input-placeholder { opacity: .4; } // Webkit

или же иногда по макету, дизайнер нарисует белый цвет в поле, а у вас он слегка серый, то тогда нужно сделать так:

::-moz-placeholder { opacity: 1; } // FF
::-webkit-input-placeholder { opacity: 1; } // Webkit

Надеюсь ответит на ваш вопрос