Cambiar el color de texto seleccionado con CSS

CSS3 y sus nuevas especificaciones permiten personalizar o modificar el color de la selección de cualquier texto el cual tiene por defecto el color azul, todo esto se logra mediante el elemento ::selection.

Aunque solo nos servirá para Firefox y Safari no deja de ser atractivo, para aplicarlo en toda nuestra pagina utilizaremos este código..

/* Para Firefox */
::-moz-selection {
background: #FFFF00;
}

/* Para Safari */
::selection {
background: #FFFF00;
}

Podremos también agregar clases para cada parte de la pagina..Por ejemplo para p, tendríamos:

p.post-body:selection {
background: #6c82b5;
}

p.post-body:-moz-selection {
background: #6c82b5;
}

Recordemos que esto solo nos servirá en Firefox y en Safari :)..

Mas información | CSS-trikcs


Entradas relacionadas

Icono en la barra de navegación
Como agregar bordes directamente a las imagenes..
Cursor personalizado en CSS..
Dar estilo a las listas con CSS
IE6, Un problema para los diseñadores y bloggers