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