Cambiar color de la selección de texto HTML con CSS

A la eterna espera del lanzamiento de CSS3 ya podemos ir probando cosas en Firefox. Una nueva propiedad de la que se hablará mucho es selection:

Código :

*::-moz-selection{
   background: #fbdbe8;
   color: #F55B99;
}

*::selection {
   background: #fbdbe8;
   color: #F55B99;
}

Con * estamos indicando TODO, y conseguiremos un cambio de Chroma al seleccionar texto. De momento no hay demasiado implementado pero imaginaos cuando seleccionemos texto y podamos hacer un font-size: 200%; o un contraste real de color, como invertirlo o destacar algo concreto como un strong o em o incluso un first-line de un parrafo. En Unimplemented CSS3 Selectors podeis ver la mayoria de cosas que están saliendo.

 

Tweet