Skip to content
Related Articles
Open in App
Not now

Related Articles

Pure CSS Rounded Inputs

Improve Article
Save Article
  • Last Updated : 27 Sep, 2021
Improve Article
Save Article

Pure CSS is a framework of CSS. It is a free and open-source tool collection for creating responsive websites and web applications. Pure CSS is developed by Yahoo and is used for creating faster, beautiful, and responsive websites. It can be used as an alternative to Bootstrap.

Pure CSS provides a “pure-input-rounded” class name is used to display a form control with rounded corners. It is generally used for search indexes.


<input type="input-type" class="pure-input-rounded">  

Example: In this example, we have a form tag with class pure-form as a parent tag. Inside the parent form tag, we have an input tag with the class pure-input-rounded for rounded input boxes. We can also create submit button with rounded corners using the same syntax by making input type as submit.


<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1">
    <link rel="stylesheet" href=
            <h1 style="color:green;">
            <h2>Rounded Input</h2>
            <form class="pure-form">
                <input type="text" 
                <br /><br />
                <input type="password" 
                <br /><br />
                <input type="submit" 
                    color:white;" />


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!