CSS: cambiar color de fondo del texto seleccionado

Aprende a cambiar el color de fondo del texto seleccionado en su página web. Esto puede hacerse fácilmente con las reglas CSS. Se añade al atractivo visual de su sitio.

A+ A-

No sé cuánto contribuye a la belleza de un sitio web, pero me gustó la idea de tener un color de fondo diferente para el texto seleccionado. Cuando un visitante en su sitio web selecciona texto y el fondo del texto seleccionado se convierte en profundo naranja o rosa; que de alguna manera da una sensación de frescura. Se siente como un merecido descanso del habitual fondo azul del color para el texto seleccionado.

Usted puede cambiar fácilmente el color de fondo con CSS. He implementado un color de fondo para el texto seleccionado diferencia en mi sitio web. Déjeme decirle cómo se puede hacer esto.

Es fácilmente posible cambiar el color de fondo del texto seleccionado el uso de CSS.

Es fácilmente posible cambiar el color de fondo del texto seleccionado el uso de CSS.

Al seleccionar texto en una página web el color de fondo es dictada principalmente por el sistema operativo de la máquina. En Windows, el color de fondo de selección más común es el azul (aunque depende de qué tema de Windows que está utilizando). Esto también significa que varios usuarios que tienen temas variados de Windows tendrán una experiencia de usuario diferente en su página web debido a que el color de fondo será diferente en función de su tema de Windows.

Que sin duda quieren dar a sus usuarios una experiencia de interfaz uniforme -wouldn't usted?

Afortunadamente navegadores, basados ​​en Mozilla ( Firefox , Google Chrome y Safari) le permiten establecer reglas CSS para cambiar este efecto. Aquí es cómo se puede lograr esto mediante la creación -moz-selección y selección de propiedades:

 / * Para Firefox * /
:: - Moz-selección {
       background-color: #FFA;
       color: # 000;
}

/ * Para Safari y Chrome * /
:: {Selección
       background-color: #FFA;
       color: # 000;
}

El uso de estas reglas CSS se puede añadir a su sitio web o el blog de ​​apelación. Cuando alguien selecciona una parte del texto y el color de fondo resulta ser más vibrante que la espera generalmente azul, visitante está obligado a sentirse bien por ello.

La advertencia aquí es que debe seleccionar el color de fondo con el cuidado -no elegir un color que es parecido al color de su texto. De lo contrario, sería difícil para los visitantes a leer el texto seleccionado. Además, los colores muy brillantes pueden parecer llamativo si no coinciden con el color-tema de su sitio web. El color de fondo no debe mirar hacia fuera-de-la-lugar.

Además, recuerde, Internet Explorer no es compatible con estas propiedades todavía. Esto no es sorprendente, sin embargo!

Espero que este consejo fue útil para usted. Por favor, comentario y quiero saber si usted tiene alguna pregunta o sugerencia al respecto.