Pseudoelementos en css

20 de /abril04 de /2014
59s
css
0 comentarios
1003

Como cambiar el color por defecto de un texto seleccionado

Al seleccionar parte de un texto en una página web, el navegador aplica por defecto un color blanco sobre el texto y un color azul sobre el fondo del texto, con el selector “::selection” podemos aplicar ciertas reglas sobre las propiedades “color”, “background”, “background-color” y “text-shadow”.

La sintaxis es muy sencilla, en el siguiente ejemplo te muestro el código para definir un texto seleccionado en color azul y fondo naranja:

/*** Firefox ***/
::-moz-selection{ 
	color:#184583;
	background:#99CC00;
} 
/*** IE9 Opera Chrome ***/ 
::selection{
	color:#184583;
	background:#99CC00;
}

Este pseudo-elemento no está aconsejado en entornos de producción, no funciona en IE 8 ni versiones anteriores y no está descrito en ninguna especificación, es por esto que muchos desarrolladores desaconsejan su uso, no obstante puedes usarlo en tus proyectos y es posible que sea añadido en futuras especificaciones del W3C.

Valoraciones

Sé el primero en valorar

* Tu valoración puede tardar hasta 72 horas en publicarse.

He leido y acepto el Aviso legal y condiciones de uso

Quizás te interese ...

Utilizamos cookies para mejorar tu experiencia

Utilizamos cookies propias y de terceros para personalizar el contenido, analizar nuestros servicios, ofrecer funciones de redes sociales, analizar el tráfico y mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación.

Permitir todas las cookies Configurar Política de cookies