form css code code example

Example 1: form css

#form {

    border: 1px solid black;
    padding: 1.5%;
    text-align: center;
    

}

Example 2: style input field

#userInfoForm {
    width: 80%;
    padding: 5px 5px;
    margin: 0 auto;
    background: #FF6700;
    border-radius: 25px; 
}

#userInfoForm input {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border-radius: 25px;
}

Example 3: style input by type

/* Style input based on type */
input[type=text] 
{

}