Cambiar el color de la selección del texto

A veces queremos cambiar el color de fondo de la selección del texto, ya que por default viene un color azulado que en algunas ocaciones no se ve. O simplemente por personalizar nuestra página web o blog, podemos utilizar el siguiente código CSS:

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Como editar el código HTML de nuestra plantilla.

[1] Simplemente en la plantilla de el blog, antes de ]]></b:skin> o antes de </style> tienes que agregar:

::selection{ 
background:#FFFFFF;
color:#FFFFFF;
}
::-moz-selection{
background:#FFFFFF;
color:#FFFFFF;
}

En la propiedad:
background.- En esta se agrega el color en Inglés o en Hexadecimal.
color.- En esta se agrega también el color en Inglés o en Hexadecimal.

/!\ En esta entrada se asume que tienes conocimientos básicos de colores en RGB o Hexadecimal. Si no los tienes aún, revisa esta entrada: Colores en RGB o Hexadecimal.

Con esas lineas de CSS, tenderemos una selección de texto bastante presonalizada, pero si requieres un poco mas de personalización, puedes modificarlo de la siguiente manera:

OBJETO::selection{ 
background:#FFFFFF;
color:#FFFFFF;
}
OBJETO::-moz-selection{
background:#FFFFFF;
color:#FFFFFF;
}

Objeto hace referencia a una etiqueta HTML, una clase o una ID, las cuales se definen en un objeto determinado, como puede ser de la siguiente manera:

DIV,CLASE o ID::selection{ 
background:#FFFFFF;
color:#FFFFFF;
}
DIV,CLASE o ID::-moz-selection{
background:#FFFFFF;
color:#FFFFFF;
}
<DIV class='CLASE' id='ID'>Seleccion de diferente color</div>

De manera que si solo escribes DIV, estarás haciendo referencia a todos los <div> que tengas en la página.

Y si colocaras CLASE, estarías haciendo referencia a todos los objetos con esa misma clase(<div class='CLASE'> o <Span class='CLASE'>).

Pero si escribes solo ID, estarás haciendo referencia a un único elemento, que debe tener esa ID(<div id='ID'> o <span id='ID'>).