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 estilo de entrada de Bulma se usa para establecer el estilo en los campos de entrada. Solo hay un único estilo que se utiliza en un campo de entrada. Este estilo se usa para crear un campo de entrada de esquina redondeada.
Clase de estilo de entrada de Bulma:
- is-rounded: se utiliza para establecer el estilo de esquina redondeada en un campo de entrada.
Sintaxis:
<input class="input is-rounded">
Ejemplo: este ejemplo describe los usos de la clase de estilos de entrada de Bulma.
HTML
<!DOCTYPE html> <html> <head> <title>Bulma Input Styles</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 Input Styles</p> <div class="container"> <input class="input" type="text" placeholder="Normal input field"> <br><br> <input class="input is-rounded" type="text" placeholder="Rounded corner input field"> </div> </body> </html>
Producción:
Estilos de entrada de Bulma
Referencia: https://bulma.io/documentation/form/input/#styles