Cómo Cambiar El Color De Selección Del Texto En Blogger

Hoy aprenderemos a cambiar el color azul clásico que aparece al seleccionar el texto o las imágenes en la mayoría de sitios web. Lo primero que haremos será dirigirnos a la parte de Tema > Editar HTML de nuestra plantilla y abriremos el buscador del editor.

                Se abre con Ctrl + F y se ve así

Ahora buscamos la etiqueta ]]></b:skin> y pegamos este código justo encima de la misma:

::-moz-selection {
background: #abffcc;
color: #d45100;
}

::selection {
background: #abffcc; /* Color del fondo al seleccionar el texto */
color: #d45100; /* Color del texto al estar seleccionado */
}

::-webkit-selection {
background: #abffcc;
color: #d45100;
}

Cambia los todos los valores de color rojo por los códigos en forma hexadecimal de los colores que desees.
Los valores ::moz-selection y ::-webkit-selection ocupan los mismos códigos que ::selection
El valor ::-webkit-selection en concreto, se añade para que el código sea compatible con todos los navegadores.

AVISO: Es muy importante que respetes el orden de los valores y no lo alteres, o de lo contrario, no te funcionará.

Con estos sencillos pasos bastaría para tener nuestro nuevo color personalizado. Por último, guarda los cambios realizados y listo.

COMBINACIONES DE COLORES

Estos son algunas combinaciones elegantes de colores con su respectiva foto para que las pruebes en tu sitio web.

background: #000;
color: #fff;

background: #eee;
color: #777;

background: #a3ffbc;
color: #b0b0b0;

background: #ff7070;
color: #fff;

background: #6bccf6;
color: #eee;

background: #a899ff;
color: #fff;