¿Sabes qué distingue el diseño de tu sitio web? Atención a los detalles. Uno de esos detalles que nos llamó la atención en el sitio web de Brian Gardner (@bgardner) fue cómo el 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 agregue los siguientes estilos:
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
No olvide cambiar el color de fondo para que coincida con la combinación de colores del tema.
El selector de selección :: es utilizado por Chrome, Safari, IE9 + y Opera. A Firefox le gusta usar su propia :: – selección de moz. Por eso 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
¿Te ha resultado útil??
0 / 0