Cómo diseñar el botón deshabilitado usando CSS

En este tutorial, aprenderemos cómo diseñar el botón deshabilitado (html) usando css.

Considere, tenemos un botón html con el disabled atributo:

<button disabled="true" class="login">Login</button>

Botón de estilo desactivado

Para diseñar el botón deshabilitado, podemos usar el :disabled selector de pseudoclase en css.

He aquí un ejemplo, que define el backgroundcolor de fuente disabled botón:

.login:disabled{
   background:  #fff;
   color: #ccc;
   cursor: no-drop;
}

Si utiliza input como un botón, puede agregar los estilos deshabilitados como este:

input[type="text"]:disabled{
   background:  #fff;
   color: #ccc;
   cursor: no-drop;
}

Si quieres conocer otros artículos parecidos a Cómo diseñar el botón deshabilitado usando CSS puedes visitar la categoría Tutoriales.

Deja un comentario

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

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas