Elaborando un campo de búsqueda me tope con un problemita, el cual era definirle estilos a placeholder, y la solución para esto es bastante simple. basta simplemente con:

1
2
3
4
5
6
7
8
9

:-moz-placeholder {
   // juega con css :D
   color:#9bead8;
}

::-webkit-input-placeholder {
   // juega con css :D
   color:#9bead8;
}

Jugando un poco con sass

Para darle una solución mas útil cree un mixin en mi proyecto el cual quedo de la siguiente manera:

1
2
3
4
5
6
7
8
9
10
11

@mixin placeholder($color){
  *{
    &::-webkit-input-placeholder {
      color:$color;
    }

    &::-moz-placeholder {
      color:$color;
    }
  }
}

1

@include placeholder(#ff0066);

Espero les sea de utilidad, es un problema sencillo y corto :)