Skip to main content
added 158 characters in body
Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228

Você precisa usar propriedades não-padrão do CSS para afetar somente o placeholder:

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

Solução encontrada no site CSS Tricks

Isso deve funcionar em todos os browsers modernos. O IE suporta o atributo placeholder e a pseudo-classe :-ms-input-placeholder a partir da versão 10.

Você precisa usar propriedades não-padrão do CSS para afetar somente o placeholder:

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

Solução encontrada no site CSS Tricks

Você precisa usar propriedades não-padrão do CSS para afetar somente o placeholder:

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

Solução encontrada no site CSS Tricks

Isso deve funcionar em todos os browsers modernos. O IE suporta o atributo placeholder e a pseudo-classe :-ms-input-placeholder a partir da versão 10.

Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228

Você precisa usar propriedades não-padrão do CSS para afetar somente o placeholder:

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

Solução encontrada no site CSS Tricks