Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo deshabilitar el enlace con CSS

 En este tutorial, veremos un ejemplo de cómo deshabilitar enlaces con css. Si desea mostrar un enlace en el que no se puede hacer clic, puede hacerlo fácilmente usando css. He creado una etiqueta de anclaje con un atributo de clase, luego escribo css para que la clase  deshabilite el enlace . He escrito dos secuencias de comandos CSS para inactivar un enlace. Veamos cómo deshabilitar el enlace.

HTML
<b> Anclaje activo: </b> 
<a href=" http://www.phpcluster.com/ "class="btn"> PHPCluster </a> <br> <br>

<b> Ancla inactiva: </b> 
 <a href=" http://www.phpcluster.com/ "class="btn disabled"> PHPCluster </a>

CSS

.btn
{
bloqueo de pantalla;
ancho: 100px;
altura: 25px;
fondo: rojo;
color: #fff;
relleno: 13px;
radio del borde: 5px;
alineación de texto: centro;
decoración de texto: ninguna;
}

/ * para deshabilitar el enlace * /
.discapacitado
{

eventos de puntero: ninguno; 
opacidad: 0,6; 

/ * CSS alternativo * /
/ *
cursor: no permitido;
cursor: predeterminado;
opacidad: 0,6;
* /
}

Publicar un comentario

0 Comentarios