Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

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
0
Puntos
4836
Visitas
0
Resp
Por alber hace 85 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate