Bulma es un marco CSS gratuito y de código abierto basado en Flexbox. Es rico en componentes, compatible y bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño.
El elemento de formulario Bulma textarea es la versión de varias líneas del elemento de entrada. Usaremos el elemento <textarea> con la clase textarea para crear el elemento textarea en Bulma.
El Color de área de texto de Bulma se utiliza para establecer el color del borde del elemento de área de texto.
Bulma Textarea Colors Clases:
- is-primary: se utiliza para establecer el color del área de texto en cian claro.
- is-link: se utiliza para establecer el color del área de texto en azul.
- is-info: se utiliza para establecer el color del área de texto en azul claro.
- is-success: se utiliza para establecer el color del área de texto en verde.
- is-warning: se utiliza para establecer el color del área de texto en amarillo.
- is-danger: se utiliza para establecer el color del área de texto en rojo.
Sintaxis:
<textarea class="textarea is-primary"
placeholder="Primary textarea">
</textarea>
Ejemplo: Este ejemplo describe los usos de Bulma Textarea Colors.
HTML
<!DOCTYPE html> <html> <head> <title>Bulma Textarea Colors</title> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-1 has-text-success"> GeeksforGeeks </h1> <p class="is-size-3">Bulma Textarea Colors</p> <div class="container"> <textarea class="textarea is-success" placeholder="Enter the text"> </textarea> <br> <textarea class="textarea is-danger" placeholder="Enter the text"> </textarea> </div> </body> </html>
Producción:
Referencia: https://bulma.io/documentation/form/textarea/#colors