Estilo css al primer elemento de un select html

Con el siguiente código podemos hacer que el primer elemento de un select pueda verse de un color diferente a los option que suelen estar dentro utilizando un poco de css.

Esto es bastante útil cuando usamos múltiples selectores consiguiendo un efecto de placeholder en los campos tipo select ya que podemos usar por ejemplo un color mas claro.

Ahora vamos con el código de ejemplo:

<style>
	select {
		color: #a7a7a7;
	}
	select option:first-child {
		color: #a7a7a7;
	}
	select option {
		color: #333;
	}
</style>


<select>
	<option value="">Seleccionar opción</option>
	<option value="">Opción 1</option>
	<option value="">Opción 2</option>
	<option value="">Opción 3</option>
</select>

Demo

Salu2
Editado