Cambiar el color del texto seleccionado en el navegador con CSS




Supongo que ya te habrás dado cuenta de que, cuando seleccionamos texto en una página web el color viene determinado por el navegador.
En algunos casos ese color, generalmente azul, que pone el navegador como fondo al texto seleccionado es o poco legible o simplemente desentona terriblemente con el sitio web.
Mediante CSS podremos controlar el color del texto seleccionado de nuestros sitios y, así, dar un toque más de refinamiento a nuestros diseños.
El código es tan sencillo como:


::selection { /* Para Safari, Chrome, Konqueror, Opera etc.*/

background: #006ab3;


color: #fff; }

::-moz-selection { /* Para Firefox, Flock, etc. */


background: #006ab3;


color: #fff; }

Y como siempre hay na excepción a tan maravilloso truco: NO FUNCIONA CON INTERNET EXPLORER.

Cambiar el color del texto seleccionado en el navegador con CSS Cambiar el color del texto seleccionado en el navegador con CSS Reviewed by Marcos Rivas Rojas on viernes, diciembre 19, 2008 Rating: 5