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

Utilizamos cookies propias necesarias para el correcto funcionamiento de la web y personalizar el contenido. No utilizamos cookies de terceros ni guardamos información personal sobre ti. Puedes encontrar más información en nuestra Política de cookies.

ACEPTAR
Aviso de cookies