Sweetalert: [Solicitud de función] Personalizar botones de clase

Creado en 29 jul. 2015 · 7Comentarios · Fuente: t4t5/sweetalert

¿Existe la posibilidad de poder agregar una clase para confirmar / cancelar botones? también deshabilite los estilos en línea.
Algo como esto:

  confirmButtonText: 'OK',
  confirmButtonColor: '#8CD4F5',
  confirmButtonClass: ' ',
  cancelButtonText: 'Cancel',
  cancelButtonColor: '#D0D0D0',
  cancelButtonClass: ' ',
  unstyleButtons: false,

¡Gracias!

Fuente

marcemira

👍5

Comentario más útil

+1
Por cierto, usando confirmButtonColor: '' elimina las cosas en línea;)

ClemRz en 15 jun. 2016

👍6 🎉4

Todos 7 comentarios

+1, especialmente para eliminar el estilo en línea (debería usar clases)

adrian-e en 24 sept. 2015

👍1

pbassut en 14 nov. 2015

¡¡Por favor, elimine los estilos en línea !! Creo que es un problema importante. Todo el mundo necesita cambiar el estilo de sweetalert quién lo está usando en serio.

Estoy usando sass & bootstrap, por lo que solo necesitaría algo como esto:

.botón de alerta dulce.confirmar {
@extend .btn-primaria;
}
.sweet-alert button.cancel {
@extend .btn-default;
}

en lugar de copiar páginas de código CSS desde bootstrap y configurar! important en todas partes (que es un anti-patrón fácil de evitar) para hacer lo mismo.

antidote2 en 11 dic. 2015

👍3

charlex en 11 dic. 2015

+1
Es una pena que esto se ignore, es un factor decisivo, no puedo usar esto: editar estilos en dos lugares es una mala idea, sin mencionar los estilos en línea.

Stiropor en 22 mar. 2016

+1
Por cierto, usando confirmButtonColor: '' elimina las cosas en línea;)

ClemRz en 15 jun. 2016

👍6 🎉4

Los estilos en línea se han eliminado en SweetAlert 2.0. También puede agregar sus propias clases usando las nuevas opciones del botón . Para obtener más información, consulte la guía de actualización