style input form css code example

Example 1: how to write css for input type text

/* For Example, If we want to change css of "text" type
from  we do this:*/

input[type=text] {
    /* Your Code Here */ 
}

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] 
{

}