El botón es una característica importante de cualquier sitio web o en cualquier aplicación. La clase de color Spectre Button se utiliza para definir el color del botón.
Clase de color del botón:
- btn-primary: esta clase se usa para establecer el color del botón como azul.
- btn-success: esta clase se utiliza para establecer el color del botón como verde.
- btn-error: esta clase se usa para establecer el color del botón en rojo.
Nota: si necesita más colores para los botones, utilice combinaciones de botones para crear sus propias variantes de color para los botones.
Ejemplo: El siguiente ejemplo ilustra el color del botón en Spectre.
HTML
<!DOCTYPE html> <html> <head> <title>SPECTRE Buttons Class</title> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-exp.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-icons.min.css"> </head> <body> <center> <h1>GeeksforGeeks</h1> <strong>SPECTRE Button Color Class</strong> <br> <button class="btn btn-primary">Primary Color</button> <button class="btn btn-success">Success Color</button> <button class="btn btn-error">Error Color</button> </center> </body> </html>
Producción:
Referencia: https://picturepan2.github.io/spectre/elements/buttons.html#buttons-colors
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA