Cómo cambiar el color de un botón de Bootstrap deshabilitado

Cómo cambiar el color de un botón de Bootstrap deshabilitado

Aprenda a cambiar el color de un botón de Bootstrap deshabilitado usando ejemplos.

Principalmente deshabilitamos el botón cuando un elemento de texto de entrada está vacío o una casilla de verificación no está marcada en los formularios de registro.

Considere que tenemos el siguiente botón de arranque deshabilitado en nuestro código HTML:

<button type="button" class="btn btn-primary" disabled>Primary</button>

Normalmente, mostrará el botón principal si está deshabilitado porque el arranque no ofrece ningún estilo para los deshabilitados.

Para cambiar el color de un botón deshabilitado en Bootstarp. Primero, seleccione el botón dentro del archivo css usando el selector de clase o el selector de id, agregue un :disabled pseudo-clase junto a él, luego diseñe el botón deshabilitado de acuerdo con sus necesidades.

Nota la :disabled el selector de pseudoclase coincide con cada elemento deshabilitado.

Aquí un ejemplo:

.btn .btn-primary:disabled{
    background: "#ccc";
    color: "#0000"
}

Agrega un color de fondo y un color de fuente sobre el botón cuando está deshabilitado.

Si su botón tiene un id selector, entonces puede deshabilitar el botón de esta manera:

<button id="login" class="btn btn-primary" disabled>Primary</button>
#login:disabled{
    background: "#ccc";
    color: "#0000"
}

Si quieres conocer otros artículos parecidos a Cómo cambiar el color de un botón de Bootstrap deshabilitado 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