Tachyons Element Forms

Last Updated : 17 Jun, 2022

The Tachyons Element Forms are used to remove the default styles for mobile devices. This can be used in cases where we need to style the elements differently but the default styles would cause interference. It works by removing all the browser-applied styling for the element.

Tachyons Element Forms Class:

input-reset: This class is used to reset the default styles on an element.

Syntax:

<input class="input-reset" type="..."/>

Example 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>

Output:

Example 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>