Cambiar color texto seleccionado CSS

Es agradable que en un diseño que tiene detalles en verde (por ejemplo), todos los pequeños detalles estén en verde y no de otro color.

Si no hacemos lo que voy a explicar a continuación, el texto que seleccionemos de nuestra web se vería con el color por defecto del sistema operativo (o navegador); generalmente el azul.

Con esta entrada voy a explicar de forma sencilla cómo podemos cambiar el color del texto seleccionado para que vaya a juego con nuestro diseño.

Esto se consigue con dos propiedades en nuestra hoja de estilo:

/* Para Safari */
::selection {
	background: #C8ED00;
}
 
/* Para Firefox */
::-moz-selection {
	background: #C8ED00;
}

Desconozco si funciona en Internet Explorer dado que no lo he probado, pero no todo va a ser bueno, ¿no?

¡MANTENME INFORMADO!

¡Gracias por tu interés en estar informado del próximo lanzamiento de mis cursos! 😎

¡No hago spam! Lee la política de privacidad para tener más información.

Deja una respuesta

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

*

*

DARÍO BALBONTÍN FERNÁNDEZ es el Responsable del tratamiento de los datos personales del usuario y le informa que estos datos serán tratados de conformidad con lo dispuesto en el Reglamento (UE) 2016/679 de 27 de abril (GDPR) y la Ley Orgánica 3/2018 de 5 de diciembre (LOPDGDD), por lo que se le facilita la siguiente información del tratamiento: Fin del tratamiento: mantener una relación comercial y el envío de comunicaciones sobre nuestros productos y servicios. Criterios de conservación de los datos: se conservarán mientras exista un interés mutuo para mantener el fin del tratamiento y cuando ya no sea necesario para tal fin, se suprimirán con medidas de seguridad adecuadas para garantizar la seudonimización de los datos o la destrucción total de los mismos.Comunicación de los datos: No se comunicarán los datos a terceros, salvo obligación legal. Derechos que asisten al usuario: Derecho a retirar el consentimiento en cualquier momento. Derecho de acceso, rectificación, portabilidad y supresión de sus datos y a la limitación u oposición al su tratamiento. Derecho a presentar una reclamación ante la Autoridad de control (agpd.es) si considera que el tratamiento no se ajusta a la normativa vigente. Datos de contacto para ejercer sus derechos: contacto@dariobf.com.