Cambiar el color de fondo del texto seleccionado con CSS3

Por defecto, cuando seleccionamos texto en una página web, muestra un color de fondo azul con el texto en blanco. Pero es posible que a la hora de desarrollar un tema WordPress queramos, por cuestiones de estilo, que los textos seleccionados muestren un color de fondo diferente.

Para ello solo tendremos que utilizar el pseudo-elemento ::selection que coincide con el texto de la página que esté resaltado. Este pseudo-elemento está soportado por navegadores WebKit (Chrome y Safari, entre otros) y las últimas versiones de Internet Explorer, debiéndose utilizar el prefijo -moz para Firefox.

El siguiente código muestra el texto seleccionado de color blanco con fondo rojo:

Deja un comentario

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