Tenho um formulário com o seguinte HTML:
<div class="cont960 trabalheConosco">
<form>
<input type="text" placeholder="nome*" />
<input type="text" placeholder="e-mail*" />
<input type="text" placeholder="Telefone" />
</form>
</div>
O CSS:
.trabalheConosco input, div .trabalheConoscoAnexo {
width: 480px;
padding: 17px;
box-sizing: border-box;
display: block;
background-color: #e9e9e9;
margin-bottom: 8px;
font: 300 italic 18px/18px "Lato";
color: #898989!important;
}
O Jquery:
function add() {if($(this).val() == ''){$(this).val($(this).attr('placeholder')).addClass('placeholder');}}
function remove() {if($(this).val() == $(this).attr('placeholder')){$(this).val('').removeClass('placeholder');}}
if (!('placeholder' in $('<input>')[0])) {
$('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add);
$('form').submit(function(){$(this).find('input[placeholder], textarea[placeholder]').each(remove);});
}
O que acontece, é que a palavra dentro do input
não está aceitando corretamente a cor da fonte que eu informei, no caso color: #898989!important;. Gostaria de saber se tem como eu informar a cor da font para o placeholder que contem no input
.
Algo como esse exemplo:
.trabalheConosco input[placeholder] {
color: #898989;
}