input field styles code example

Example 1: css color of input

input{
  background-color: white; /*The color of your choice here*/
}

Example 2: css set styles for input text

input[type="text"] {  font-size: 0.9em;  padding-top: 0.35rem;}

Example 3: 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 4: style input by type

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

}

Tags:

Java Example