Vamos a aprender en un minuto a desactivar links con CSS. Hay ocasiones o proyectos en los que no tenemos acceso o sólo disponemos  de un acceso parcial al código fuente del cliente. En esos casos tendremos que utilizar nuestro ingenio para conseguir que la aplicación se comporte de la manera esperada o al menos de la manera más conveniente.

Un ejemplo de este tipo puede ocurrir si en el proyecto existen ciertos enlaces que no queremos que funcionen como tal.  Al no tener acceso al código fuente, lo que podemos hacer es buscar una clase común que esté aplicada a dichos enlaces (o quizá a los elementos “padre” de dichos enlaces…) y sumarle a dicha clase las siguientes propiedades:

Este sería el html del enlace que hemos desactivado mediante la clase .enlace_desativado:

Podríamos además añadir a nuestra clase propiedades para quitar el aspecto de enlace ( text-decoration: none; ), cambiar el color

Este “truco” de css tiene a día de hoy bastante compatibilidad con los principales navegadores.

Espero que te haya gustado este ‘truco’. ¡Hasta el siguiente!

 

Share:Tweet about this on TwitterShare on FacebookShare on Google+