Como cambiar el color del texto seleccionado usando CSS

En esta nota vas a encontrar la forma de cambiar el color del texto seleccionado usando CSS. Muchas veces nuestros usuarios necesitan seleccionar el texto de nuestro sitio para hacer referencia en una nota, para imprimirlo o para lo que se, y cambiando el color del texto seleccionado le damos mas personalidad al sitio.

cambiar color de texto seleccionado

La única contra es que esta propiedad no es aceptada por IE.

::-moz-selection{
background:#C1EEFB ;color:#000
}
::selection{
background:#C1EEFB; color:#000
}

Ver demo

Topics: , , ,

SI TE GUSTO LA NOTA COMPARTILA!
  • Notas y recursos relacionados

    1. Picture: Cómo crear un texto de hielo con Photoshop

      Cómo crear un texto de hielo con Photoshop

      Los efectos de texto son importantes para todos los que quieran diseñar. Si bien suelo optar por las...

    2. Picture: Cómo crear un texto explosivo

      Cómo crear un texto explosivo

      Los textos en 3d con efecto de explosión suelen ser geniales para una gráfica o una cabecera con fon...

    3. Picture: Nuevo theme para Wordpress: Color Paper

      Nuevo theme para WordPress: Color Paper

      La gente de Smashing Magazine nos acerca un nuevo theme para WordPress. en este caso se trata de Col...

    4. Picture: Crea un texto navideño con Photoshop

      Crea un texto navideño con Photoshop

      PsdFan nos invita a crear un texto con efecto navideño en Photoshop, para que podamos sumar a nuestr...

4 comentarios en “Como cambiar el color del texto seleccionado usando CSS

  1. Pingback: Enlaces interesantes (27) | Cosas sencillas

  2. Pingback: Cambia el color del texto seleccionado con CSS

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

-