Cómo cambiar el color de selección de texto predeterminado en WordPress

¿Sabes qué es lo que hace que el diseño de tu sitio web destaque? Atención a los detalles. Uno de estos detalles que llamó nuestra atención en el sitio web de Brian Gardner (@bgardner) fue la manera en que su color de selección de texto predeterminado coincidía con su esquema de color de diseño en lugar de ser el color azul predeterminado. En este artículo, le mostraremos cómo cambiar el color de selección de texto predeterminado en su tema de WordPress.

Abra su archivo style.css y añada los siguientes estilos:

123456789::-selección de moz { color de fondo: #ff6200; color: #fff;} ::selección { color de fondo: #ff6200; color: #fff;}

No olvides cambiar el color de fondo para que coincida con el esquema de colores de tu tema.

El selector ::selection es utilizado por Chrome, Safari, IE9+ y Opera. A Firefox le gusta usar su propia selección de ::-moz. Esta es la razón por la que están en dos líneas separadas. Si intentas combinarlos, no funcionará.

Para la demostración, simplemente seleccione cualquiera de los textos de este sitio.

Fuente: Brian Gardner

Deja una respuesta

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

Subir