Hoy en día ya hay pocas cosas a las que no puedes dar estilos por CSS. Se pueden cambiar los colores de las tipos, los fondos, los bordes, hasta importar fuentes y redondear bordes… se puede hacer de todo. Pues hoy os presento cómo cambiar los estilos de un texto seleccionado con el cursor:

p.normal::selection {
	background:#678EA3;
	color:#D9C2A2;
}
 
p.moz::-moz-selection {
	background:#678EA3;
	color:#D9C2A2;
}
 
p.webkit::-webkit-selection {
	background:#678EA3;
	color:#D9C2A2;
}

en el body:

<p class="normal">Ejemplo para el genérico</p>
<p class="moz">Ejemplo para Firefox</p>
<p class="webkit">Ejemplo para Safari (eso dicen pero no funciona, safari funciona con el genérico)</p>

Ejemplo para el genérico

Ejemplo para Firefox

Ejemplo para Safari (eso dicen pero no funciona, safari funciona con el genérico)