unijimpe

Una de las propiedades que se vienen en el nuevo CSS3 es la posibilidad de personalizar el color del texto seleccionado, algunos browser como Safari y Firefox ya lo vienen interpretando, con lo cual podremos personalizar mucho mas nuestros Webs.

Aplicando a todo el Texto
Para personalizar el texto seleccionado podemos utilizar el selector ::selection para Safari y ::-moz-selection en el caso de Firefox, el cual se aplica de la siguiente forma en la hoja de estilos.

::selection {
	background: #009900;
	color: white;
} 
::-moz-selection {
	background: #009900;
	color: white;
}

Aplicando a Diferentes Bloques
Además de ello se puede aplicar la personalización diferente para cada bloque de deseamos, para ello si tenemos bloques con la clase red y blue, entonces los estilos serían:

p.red::selection {
	background: #ffb7b7;
}
p.red::-moz-selection {
	background: #ffb7b7;
}
p.blue::selection {
	background: #a8d1ff;
}
p.blue::-moz-selection {
	background: #a8d1ff;
}

Como pueden ver es sencillo de utilizar pero llegamos a controlar mucho mas la presentación que deseamos dar a nuestras paginas.

Posts Relacionados

• Eliminar contornos con CSS
• img2ascii con PHP
• ColorZilla: ColorPicker Firefox
• Migrando de HTML a XHTML
• Incluir HTML en Flash