5/11/2013

Cambiar el color del resaltado de texto

Este "truco" es para cambiar el color de fondo que aparece al seleccionar un texto, esto es para poder personalizar más su blog y poder usar un color que combine o contraste con los colores de su página. Ya que por defecto el navegador nos da un color predeterminado, generalmente azul.

Texto seleccionado
Para personalizarlo necesitamos un poco de CSS, vamos a Diseño > Edición de HTML y antes de ]]></b:skin> pegamos lo siguiente:


/* Color texto seleccionado */
::selection {
background: #ccc;
}

::-moz-selection {
background: #ccc;
}


El color lo pueden cambiar por el que ustedes quieran, sólo ingresan el código de color en background. En el ejemplo el color cambia a gris.

text selected
Puedes ver cómo queda seleccionando cualquier parte de texto en esta entrada, el color que yo he puesto es gris oscuro.

(23/ABR/09) ACTUALIZACIÓN:
Este efecto funciona sólo para Firefox, Safari, Google Chrome, Konqueror, Opera y Flock.

Esta es una entrada de Ciudad Blogger:
 http://ciudadblogger.com/2009/04/cambiar-el-color-del-texto-seleccionado.html

5 comentarios:

  1. Anónimo5/12/2013

    Sigue Saliendo el Color Azul al Resaltar un Texto

    ResponderEliminar
    Respuestas
    1. Seguramente ya tenías el código instalado. Busca ::selection y ::-moz-selection y cambia el valor del Background por #eb6220

      Eliminar
  2. Anónimo5/12/2013

    Tampoco Funciona . . . Seguimos Como Pitufos ( Azul )

    ResponderEliminar
    Respuestas
    1. Sin ver el blog solo puedo decirte que tiene que funcionar. Revisa bien que ya no exista el código.

      Eliminar
  3. Anónimo5/12/2013

    Ahora ya Sale Naranja Pero Sucede Algo Raro es Como si se Mezclara con el Color Azul y Queda un Color Marrón que Queda Fatal y si no Seleccionas Texto Sigue Saliendo el Resaltado en Azul asi que Algo Esta Mal .

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.