Isto mais provavelmente será porque estás a aplicar o font-weight:bold;
no placeholder e na textarea
não, o que vai fazer com que o texto fique mais forte no placeholder.
O font-size: 14px;
também poderá contribuir para essa diferença, como acontece neste caso.
Eis um exemplo disto no trecho de código abaixo, o font-weight:bold;
é apenas aplicado ao placeholder exatamente como no código da tua pergunta. Copia o texto do placeholder e cola na textarea
para ver o resultado:
::-webkit-input-placeholder { /* WebKit browsers */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
<textarea placeholder="Descreva o seu texto aqui..."></textarea>
Agora vamos adicionar os mesmos estilos que adicionas-te no placeholder para a textarea
, para que ambos fiquem iguais, ou seja adicionando o font-weight:bold;
e também o font-size: 14px;
:
::-webkit-input-placeholder { /* WebKit browsers */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #757575 !important; font-size: 14px; font-weight: bold;
}
/* font-weight:bold; adicionado à textarea */
textarea { font-size: 14px; font-weight: bold;}
<textarea placeholder="Descreva o seu texto aqui..."></textarea>