Spiga

Personalizando el color de selección de texto con CSS

04 de Febrero de 2008 por nicoh

cssseleccion

Dandome una vuelta por Xybernéticos, me encontré un sencillo método para poder personalizar el color de la selección de texto de nuestra web utilizando CSS3.

Por ahora, los únicos navegadores que soportan esta característica son Firefox y Safari.

Para poder integrarlo a nuestra web, debemos utilizar el siguiente código, pudiendo reemplazar el color por cualquiera de nuestro agrado:

Para Firefox

CSS:
  1. p.amarillo::-moz-selection {
  2. background: #fff2a8;
  3. }

Para Safari

CSS:
  1. p.amarillo::selection {
  2. background: #fff2a8;
  3. }

Información adicional | Demostración