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

¿Sabes por qué se destaca el diseño de tu sitio web? Atención a los detalles. Uno de estos detalles que nos llamó la atención en el sitio web de Brian Gardner (@bgardner) fue la forma 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.

Cambiar el color de selección de texto predeterminado

Abra su archivo style.css y agregue los siguientes estilos:

::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}

::selection {
    background-color: #ff6200;
    color: #fff;
}

No olvides cambiar el color de fondo para que coincida con la combinación de colores de tu tema.

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

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

Fuente: Brian Gardner