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:
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
Reviewed by Marcos Rivas Rojas
on
viernes, diciembre 19, 2008
Rating:
