Cambiar el color del texto seleccionado en el blog

Hola amigos pczeros, en este post les explicaré como cambiar el color del texto seleccionado. Habrán notado que al seleccionar cualquier texto para copiar de una página web el fondo queda color gris o negro dependiendo del navegador.



Este color se puede cambiar gracias a ::-moz-selection
Pero antes de continuar mejor ver algunos ejemplos, selecciona los siguientes textos para probar:


Texto seleccionado fondo rojo y letra blanca


Texto seleccionado fondo amarillo y letra azul


Texto seleccionado fondo verde y letra negra


El código para agregar este efecto lo tienes que pegar justo antes de:

]]></b:skin> (en blogger ir a "Diseño", "Edición HTML" y allí buscarlo)

y es el siguiente:

*::-moz-selection { background:#FF0000; color:#ffffff; }


#FF0000 Cámbialo por el código del color que quieres de fondo
#ffffff Cámbialo por el código del color que quieras de texto

Esto es todo espero les sea de utilidad para personalizar sus blogs.

Notas: * Sólo funciona en Firefox, esperemos muy pronto también lo haga en Internet Explorer. * Para obtener códigos de colores lee codigo de colores RGB

Comentarios

  1. Por el momento no cambiaré nada, pero te agradezco la información.
    Besos

    ResponderEliminar
  2. Buenísimo tu blog :)
    Lo he mirado un par de veces y he hecho algunos consejos que has dado, espero que se pasen por ahí, un saludo.

    http://hablemosdecosasinteresantes.blogspot.com

    ResponderEliminar
  3. he seleccionado los textos de prueba pero no pasa nada

    ResponderEliminar

Publicar un comentario

Antes que nada quisiera agradecete por la visita y por comentar en el blog!

También te quiero comentar que no tengo mucho tiempo para responder todos los comentarios inmediatamente pero siempre los contesto.

Saludos.

Nosotros somos pczeros... ¿Y tú?