Los formularios de elementos Tachyons se utilizan para eliminar los estilos predeterminados para dispositivos móviles. Esto se puede usar en casos en los que necesitamos diseñar los elementos de manera diferente, pero los estilos predeterminados causarían interferencia. Funciona eliminando todo el estilo aplicado por el navegador para el elemento.
Clase de formas de elementos de taquiones:
- input-reset: esta clase se utiliza para restablecer los estilos predeterminados en un elemento.
Sintaxis:
<input class="input-reset" type="..."/>
Ejemplo 1:
HTML
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons/css/tachyons.min.css"> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Tachyons Element Forms </h3> <form> Class "input-reset" Used: <input class="input-reset" type="text" /> Class "input-reset" not used: <input type="text" /> </form> </center> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons/css/tachyons.min.css"> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Tachyons Element Forms </h3> <form> Class "input-reset" Used: <input class="input-reset" type="text" /> <input class="input-reset" type="button" value="Submit" /> <br><br> Class "input-reset" not used: <input type="text" /> <input type="button" value="Delete" /> </form> </center> </body> </html>
Producción:
Referencia: http://tachyons.io/docs/elements/forms/
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA