Estilizando Placeholder

[Luís Cruz 0]

Boa tarde,

 

Estou tentando estilizar um formulário que utiliza placeholder, como não tenho muito conhecimento sobre css ainda, procurei na internet um código que pudesse resolver os problemas de compatibilidade com navegadores que não suportam a função.

 

input::-webkit-input-placeholder {
 color: #00ADEE;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-weight: normal;
 font-size: 12px;
}
input:-moz-placeholder {
 color: #00ADEE;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-weight: normal;
 font-size: 12px;
}
textarea::-webkit-input-placeholder {
 color: #00ADEE;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-weight: normal;
 font-size: 12px;
}​
textarea:-moz-placeholder {
 color: #00ADEE;
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-weight: normal;
 font-size: 12px;
}​
#input_submit {
 width: 119px;
 height: 22px;
 text-align: right;
 color: #00ADEE; 
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-weight: normal;
 font-size: 12px;
 background: url('images/submit.png');
}
#input_submit:hover {
 background: #103764; 
}

 

Logo abaixo dos placeholders estilizei o botão submit do formulário. Ao rodar o site ele renderiza os placeholders como eu desejo mas retira a estilização que eu havia feito para o elemento #input_submit como, por exemplo, ao não carregar a imagem que eu determinei para o fundo. Gostaria de saber o que pode estar de errado no código que está "matando" as outras estilizações.

 

Abraço!

[Marcos Xavier 189]

Ocorre que ao você colocar

 

input::-webkit-input-placeholder {
.....

 

Ele irá aplicar as propriedades css declaradas em todos os <input>,inclusive o #input_submit(já que ele também é um input).

[ricardo_mc 19]

Não sei porque ao dar submit ele mata, mas nesse link aqui tem um exemplo de como usar o Modernzr para acabar com a incompatibilidade e ainda fazer funcionar no IE.

 

 

http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text/comment-page-1